去年まではざらっとしたパターン素材を多く見かけましたが、今年になってから大柄のものや幾何学的な柄など、多様なパターンを見かけるようになりました。 今日紹介するのは、垂直のラインと明るいシャドウから形成された美しいパターンです。
去年まではざらっとしたパターン素材を多く見かけましたが、今年になってから大柄のものや幾何学的な柄など、多様なパターンを見かけるようになりました。 今日紹介するのは、垂直のラインと明るいシャドウから形成された美しいパターンです。
by greyloch Google製のJPEGエンコーダー「Guetzli」がGitHubで公開されています。生成されるJPEGファイルはlibjpegと比較したとき、同等の品質でファイルサイズが20~30%ほど小さくなるとのことです。 GitHub - google/guetzli https://github.com/google/guetzli 特にニュースリリースなどは発表されていないようなのですが、2016年10月にEncode.ruというフォーラムにJyrki Alakuijala氏が投稿した内容(Googleキャッシュ)によると、このGuetzliはGoogleが新たな圧縮アルゴリズムとして2013年に発表した「Zopfli」ライクな、非常に遅いJPEGエンコーダーだとのこと。 画像の品質とファイルサイズについて、butteraugliを用いてlibjpegと結果を比較した
PNGとJPEG画像の画質をほとんど損なわずにファイルサイズを軽減してくれるオンラインサービスを紹介します。 Kraken -Online Image Optimization Tool [ad#ad-2] Krakenの使い方は簡単です。 サイトにアクセスし、 Kraken ページ中央のグレーのエリアに、画像ファイルをドラッグします。 ※ドラッグ非対応ブラウザは「Select files from disk」ボタンでファイルを選択します。 ファイルのアップロードが完了すると、すぐに最適化が完了します。
Wii Uの『インターネットブラウザー』では特別なJavaScriptを用いることでGamePadのボタンや状態を取得したり、動画や画像(JPEG形式)の表示を切り替えることができます。 ウェブサイトを制作する際の参考としてご活用ください。
今やインターネット上のあらゆるところで用いられている画像形式「JPEG」ですが、GoogleがJPEGに代わる新たな画像フォーマットとして「WebP」を発表しました。 ファイルサイズが小さく、ウェブの表示を高速化することが可能となっており、実際に「どの程度の画質でどの程度のファイルサイズになるのか」といったギャラリーも公開されています。 詳細は以下から。 Chromium Blog: WebP, a new image format for the Web Googleの公式ブログによると、同社はウェブの表示をさらに高速化するために行ってきた取り組みの一環として、ウェブページに用いられている「画像」に目を付けたそうです。 画像はウェブページのデータ量のうち約65%を占めており、特にモバイル回線のような通信速度が限られた環境においてはウェブ表示のパフォーマンスを著しく低下させるとのこと。 そ
Spark勉強会 JSplashの資料を公開+α - 最速チュパカブラ研究会を見てpure javascriptでFlashを再生できるなら、Flashの中のオブジェクトも触り放題で長年のTumblrユーザの夢であるFlashの中身をpostできるのでは! と思ったけど調べてみるとJSplash自体はSWFのパーサを持っているわけではなくて、あらかじめswfmill swf2xml and xml2swfで作ったXMLをJSONで持っておいてそれを使うようになっていました。そこで方向を見失ってとりあえずページの中にあるembedタグのSWFを全部読み込んで中に入っているjpegを一覧表示するものを作ってみました。 使い方 ファイルをダウンロードして、Tomblooのscriptディレクトリに入れたあと、一度Firefoxを再起動して(もしくはTomblooのファイル再読み込みを行って)から
2024-03-12 WebP MenuBar2024-03-11 Random2024-03-09 DMARC2024-03-07 VGMPlay RAW ZIP2024-03-05 CVE-2023-4863 CVE SNES2024-03-04 NewsSharing FakeNews2024-03-02 LCH Lab Food Castella BitNet2024-03-01 HSL HSV ColorSpace p5-SWFEditor (perl 拡張) https://github.com/mix3/p5-SWFEditor メモ http://www.adobe.com/devnet/swf/ 公式 SWF仕様書 http://www.m2osw.com/swf_alexref.html 非公式 SWF 解析結果 リリース予定と変更履歴 http://sourcefor
インテルのCoreシリーズCPUが登場して以来、マルチコアCPUは爆発的に普及している。現在では比較的低価格なCPUでも複数のコアを搭載するようになり、現在販売されているPCのほとんどはマルチコアに対応しているといっても過言ではない。しかし、まだマルチコアCPUの性能を生かす、並列処理を行っているアプリケーションは多くない。 並列処理は、一般には実装が難しい、という印象があるようだ。確かにスレッドを駆使して処理を並列化する場合、スレッドの管理やスレッド毎の連携など、考慮しなければならないことが増え面倒ではある。しかし、プログラムを並列化するための言語規格「OpenMP」や、C++用の並列化ライブラリ「Threading Building Blocks」といった並列化支援技術を利用することで、プログラムの並列化へのハードルは大幅に低くなる。また、インテルの開発製品「Parallel Stud
はじめに Webサイト掲載用のjpeg画像の品質設定を絞り込むためのツールを作りました。 imagemin-parameter-report また、ツールの動作イメージを掴むためにデモページを用意しました。とりあえず触ってみてください。 Demoページ この記事は、このツールとその使い方、そしてチェックシートを利用して、WEBサイト構築の初期段階でjpegの品質設定を絞り込む手法を共有するためのものです。 なお、このリポートツールで扱うのはあくまでWebサイトに掲載する一般的な画像です。また、作業の最終目的はサイトの高速化です。 jpegの品質問題 画像ファイルはWebサイトの総転送量と表示時間に非常に大きな影響を与えます。しかし、jpegの品質設定を詰める作業は以下の理由で難しくなります。 人手が足りない jpegの品質設定はプロジェクトのなるべく早いうちに決めるべきです。少なくともプロ
通常、透過処理をした写真画像を使用する際のフォーマットはPNGを使用することが多いと思います。これを写真画像にJPEG、その上にマスクのPNGを使用してトータルの容量を軽減する方法を紹介します。 デモでは、PNGのみで127KB、JPEG with PNGで42KB、と約1/3容量が軽減しています。 ;(function() { var create_alpha_jpeg = function(img) { var alpha_path = img.getAttribute('data-alpha-src') if(!alpha_path) return // Hide the original un-alpha'd img.style.visiblity = 'hidden' // Preload the un-alpha'd image var image = document.cre
「縮小された画像を再度拡大すると、ドットが目立つ汚い画像になってしまう」という経験をしたことがある人は多いはず。粗い画像をきれいに復元することは簡単にはできないことですが、大量の画像で機械学習させたAIが粗い画像をきれいに復元してくれるという、「Let's Enhance」というWEBサービスを使ってみました。 Let's Enhance free online image upscale and enhancement with neural networks https://letsenhance.io/ Let's Enhanceはトップページで画像をドラッグ&ドロップするだけで使用可能ですが、処理した画像をダウンロードするためにはログインが必要。画面右上の「Login」をクリックします。 新しいアカウントを作成するために「Sign Up」をクリック。 メールアドレスとパスワードを2
Getting started Download and install the conversion tool. Convert your JPEG collection. View your collection. What is WebP? WebP is a method of lossy compression that can be used on photographic images. The degree of compression is adjustable so a user can choose the trade-off between file size and image quality. A WebP file consists of VP8 image data, and a container based on RIFF. Webmasters, w
2006年10月17日23:00 カテゴリ JPEGにファイルを隠させない方法 ああ、Warezと戦っていた頃が懐かしい。 秋元@サイボウズラボ・プログラマー・ブログ: jpegの中に別のファイルを隠す方法 jpeg形式のファイルの後に、rar(圧縮形式の一つ)を単純につなげると、普通に開くと画像が表示されて、rarの解凍ツールで開くとrarの部分が解凍できるファイルが作れるということだ。まだ今よりディスクがずっと貴重だった頃、無料ホームページサービスというのはこれとの戦いだった。 画像を交換しているフリをして何か他のものを交換したい人 たちがたくさんいたのだ。まあ今でもいるのかも知れないが、これだけ無料ホスティング(blog含む)の容量制限が緩和された昨今では昔ほどの需要はないのだろう。 ファイルを隠す方は簡単すぎ。解説なんかなくても cat good.jpg bad.rar > bad
By Trey Ratcliff 最も劣化が少なくファイルサイズを小さくできる画像形式は何かを、FirefoxやThunderbirdでおなじみのMozillaが比較・検証したところ、すべての検証結果において最も優れる画像形式が一つあることが判明しました。2013年10月現在、最強の画像形式とは一体どれでしょうか。 Lossy Compressed Image Formats Study (October 2013) http://people.mozilla.org/~josh/lossy_compressed_image_study_october_2013/ 長年ウェブ上で画像ファイルのスタンダードとして使われている「JPEG」が誕生してから20年以上が経ちました。JPEGの登場以来、新しい画像形式はすべてJPEGをターゲットとして、同等の品質のファイルをより小さなサイズで実現するこ
■ PNGって何? PNGとは「Portable Network Graphics」の略で、GIFにかわる画像フォーマットして開発されました。特徴としては以下のようなものが挙げられます。 ・GIFに相当する8bit(256色)のほか、24bit(1,677万色)や48bit(280兆色)など、さまざまなフォーマットに対応 ・特許問題の生じない圧縮フォーマットを採用しつつ、GIFよりも圧縮率が高い ・透過色に関して、αチャネルをサポートしている関係で半透明の表現なども可能 ・アニメーションのサポートがない(これはPNGをベースとしたMNGフォーマットでサポートされる) ・古いWebブラウザや画像処理ソフトでは対応しない 前回説明した通り、2000年にGIFの特許問題が出てきたことで、GIFの代替フォーマットとして急速に普及を始めたのがPNGフォーマットになります。そういう意味では、GIFなど
Ghostscript for Windows Ghostscriptとは、PDFやPostscript処理を行うフリーウェアです。 Ghostscript(ゴーストスクリプトと読みます)は、多くの機能があり、ここではとても解説し切れませんが、 ここではその機能の一部である、PDFファイルを直接JPGやPNG、BMP画像に変換する方法を解説します。 GhostscriptはUNIXはもちろん、WindowsやMACなど、多くの機種、環境に移植されています。 ここでは、Windowsで変換する手順をわかりやすく説明しています。 インストール手順 ここからgs871w32full-gpl.zipをダウンロードしてきます。 AFPL Ghostscript の Windows 用バイナリです。 表示ドライバが拡張してあり、シャープで上質な出力が得られます。 zipを解凍したらsetupgsをクリ
jpg、bmp、targaといったファイルフォーマットの画像を画質を劣化させずにより小さなファイルサイズのものに圧縮してくれるエンコーダーが「mozjpeg encoder」です。JPEG画像をさらに10%圧縮してページ表示を高速化する「mozjpeg」プロジェクトで公開されているソースコードを基に作られたもので、一瞬でファイルサイズを小さくできます。 mozjpeg encoder https://mozjpeg.codelove.de/ これがmozjpeg encoder。 画面上部にある赤枠部分で画質をどれくらいにするか変更可能。「lossless」を選べば画質の劣化なしにファイルサイズを落とすことも可能。 使用する際は画像ファイルを「before」部分にドラッグ&ドロップ。 すると処理がスタートして…… ファイルサイズを落とすことに成功。 オリジナル画像は0.99MB。(クリック
画像を保存する際にGIFかJPG、またはPNGどの形式で保存するのかというのかウェブデザインを始めた人が最初に迷う疑問の1つですよね。正直、私もドット絵やイラストならGIF、写真やグラデが多い画像であればJPG、PNGはサイズ重視で画像の劣化を避けたい時や正直良く分からない時、、程度の知識しかない人間ですが、今回親切にもその違いを解説してくれた記事があったので紹介したいと思います。 — SEO Japan 例えば、ロゴをJPG形式で受け取ったときなど、私はいつも私の中の何かが死に絶えるような気持ちになる。実際、それは私にとって非常に大きな出来事なのだ。なぜなら、画像に適したファイル形式を選択することは、Webデザインにおいて非常に重要なことなのだから。 JPG形式の場合、画像を再保存するたびにクオリティが下がってしまうことをご存じだろうか?PNGとGIFは”可逆圧縮(ロスレス圧縮:loss
ソフト詳細説明 たくさんの画像ファイルを簡単に縮小させたい! デジカメ画像を綺麗にしながら一定の大きさにしたい。 Jpegの圧縮率はもちろん、ファイルサイズで指定できたらいいのに。 …そんなソフトが欲しかったので作りました。 ・複数の画像ファイルをドラッグ&ドロップするだけで、簡単に縮小されたJpegファイルを作ることが出来ます。 ・デジカメ画像に最適。『彩度アップ→綺麗に縮小→鮮鋭化』と、オプション指定で簡単トリートメント。 ・ファイルサイズを指定して保存OK!サイズが気になるサムネイルや、携帯メール添付用に一役買いますね。 ・簡易HTML出力機能付きです。Webやアルバム作成にご活用ください。 レジストリは扱っていません。 この他にも画像系便利ソフトがあります。遊びにきて下さいね。 ホームページ:http://i-section.net/
今日は、新年度シリーズとして(続くのかな?)、ウェブで使う画像の基本に関する情報をお届けします。お題は「PNG? JPEG? GIF?」どんなときにどのファイルフォーマットを選ぶべきかの基本です。 結論から言うと、ウェブ画像(動画ではない静的な画像)の基本は次のとおりです。 写真(自然物)はJPEG 画面キャプチャ(人工物)はPNG(しかも8bit PNGにして減色する) 次のものは様子をみながら8bit PNGとJPEGで最適なものを選ぶ 自然物と人工物が混じったもの(写真が使われているサイトの画面キャプチャ)グラデーションが入っている画面キャプチャ写真でも色数が少なくてパターンが直線的なもの Web画像は「キレイで」「大きくて」「軽い」が命ウェブサイトに画像は付き物です。ビジュアルに魅力を訴求することで、テキストだけのコンテンツよりも効果が増します。 しかし、画像というものは、キレイで
画像形式を変換したり画質の変更をしたときに「思っていたよりも画質が悪かった」「ファイルサイズがぜんぜん小さくなっていない」と期待外れな結果が出て、しょうがないのでやり直しをするハメになったことがある人は多いと思いますが、そんな二度手間をなくしてくれるのがこのフリーソフト「RIOT」です。 プレビューをリアルタイムで確認しながら画像変換ができるので、画質は落とさないように、ファイルサイズはできるだけ小さく、というのを簡単な操作で実現しています。扱える画像形式は「JPEG」「GIF」「PNG」の3種類。 デフォルトでの使用言語は英語ですが日本語化することもでき、Windows 2000/XP/Vista/7の32ビット版およびXP/Vista/7の64ビット版に対応しています。 日本語化や実際の使い方などの詳細は以下から。RIOT - Radical Image Optimization To
補足 この記事は旧徳丸浩の日記からの転載です(元URL、アーカイブ、はてなブックマーク1、はてなブックマーク2)。 備忘のため転載いたしますが、この記事は2007年12月6日に公開されたもので、当時の徳丸の考えを示すものを、基本的に内容を変更せずにそのまま転載するものです。 補足終わり 最近、画像ファイルを用いたクロスサイト・スクリプティングが注目されている。本稿では、画像を悪用したXSSについて説明した後、対策方法について解説する。 画像によるXSSとはどのようなものか Internet Explorer(IE)の特性として、コンテンツの種類を判別する際に、レスポンスヘッダ内のContent-Typeだけでなく、コンテンツの内容も判断基準にしている。このため、Content-Typeが例えばimage/gif(GIF画像)となっていても、中身がHTMLであればHTMLと解釈して表示する。
『F6 Exif』はスキャン画像に撮影情報(EXIF)を付加することを目的としたフリーソフト。 EXIF編集操作(追加、変更、削除、コピー、バックアップ)、EXIFを使用したJPEG分類機能などを提供。 主な機能は次の通りです。 ■ニコンF6の撮影データからEXIF自動生成 F6の「撮影データ記憶」機能にて取得したテキストデータをEXIF変換してスキャン画像へ付加。 バージョン0.7.1βよりニコンF5、F100のデータにも対応。 ■EXIF編集. 全ての編集操作(タグの追加、変更、削除)が行える。 サポートするメーカーノートについては表示/編集も可能。 EXIF領域の新規作成機能を実装する為、EXIFが完全に失われたJPEGへの書き込みも可能となる。 ■撮影情報入力(EXIF編集) 撮影情報(露出時間、F値、焦点距離、ISO感度、撮影日時等の15項目)に特化したEXIF編集機能。 スキャ
Overview The Interactive Visual Media group conducts state-of-the-art research in a variety of topics related to computer vision, computer graphics and computational photography. Our goal is to develop new applications for manipulation, reasoning and communication with visual media. Core areas of research include: 3D reconstruction and image segmentation object recognition image and video enhancem
4つのリサイズ設定が保存できるので、決まった処理をする場合に設定変更をする手間が省くことができ、操作はドラッグ&ドロップで簡単に実行できるフリーソフトが「VarieDrop」です。出力フォーマットはGIF・BMP・PNG・JPEG・GIF・TIFFで、Windows XP・Vista・7・8上で起動可能となっています。 ダウンロード、インストール、設定・操作方法については以下から。 Software - Vieas Web http://www.vieas.com/en/soft.html 上記サイト中段のVarieDrop項目にある「EXE」をクリック。「ZIP」も選択できます。 ダウンロードしたインストーラーを実行。 「OK」をクリック 「次へ」をクリック 上にチェックを入れて、「次へ」をクリック 「次へ」をクリック 「次へ」をクリック 「次へ」をクリック 「インストール」をクリック
2017年5月19日にサービスを終了させていただきました。 長い間、ご利用いただきありがとうございました。 URLを指定することで、あなたのホームページをキャプチャ(スクリーンショット)してjpegでダウンロードすることができます。 また、外部からのホームページ表示確認としてもご利用いただけます。 ご利用は無料(フリー)となっています。ご利用者本人が管理または所有しているページで、是非お試しください。 現在はLinux系のOSでキャプチャしています。Windowsでのキャプチャは終了しました。
iPhoneアプリはサイズを20MB以下に収めないとユーザがインストールしようとした時にWiFiが必要になるので、開発者側としては何としても20MBに収めるためにうんうん悩むわけです。(いままさに) ImageOptimでボタン一発 ImageOptim — better Save For Web でボタン一発でJPEG/PNGファイルのサイズを圧縮してくれます。 あんまりよくわかんない圧縮をするとiPhoneアプリでちゃんと表示されるか心配だったのですが、今のところ不具合はありませんし、Retinaディスプレイで見ても、人間の目では劣化が感じられない(気がする)ので問題なさそうです。(見る人が見ると分かるのかなぁ?) こんな感じでアルファが多い画像は特に圧縮率が高いみたいです。ちなみに、Againでもう一回圧縮してもほとんど圧縮されませんでした。 結果 開発中のiPhoneアプリで使って
大変申し訳ございません。 お客様のアクセスしたページ(URL)を表示することができません。 ホーム プライバシーポリシー お問い合わせ ターボリナックス株式会社 東京都公安委員会 許可番号第306631206769号 GEONEXT グループ GEONEXT Turbolinux A.I.ミドルウェア konekto 東環 日本地熱発電 エリアエナジー Copyright © Turbolinux, Inc..All Right Reserved.
ユーザーがページ表示に待てるのは2秒までと言われている。WEBサイトパフォーマンス最適化の話は多数上がっており、画像サイズやJavaScript・CSSの最適化、HTML上の外部リソースの読み込み順序、CDNの利用、DNSルックアップを減らす、HTTPリクエストの数を減らす、コンポーネントを圧縮するなどなど対応し始めたらキリがない。 実際の案件でしっかり最適化を行えているWEB製作者の方は意外に少ないのではないだろうか。今回は最適化のコトハジメとしてまず手軽に誰でも行える画像最適化に使えるツールを挙げてみたいと思う。 ローカルアプリケーション ImageOptim(Mac向け) ドラッグアンドドロップだけでJPEGやPNGの余計なメタ情報を削ってサイズダウンしてくれるアプリ。オフラインでがっと使えるのがうれしいマストツールだ。 ImageOptim — make websites and
今週の木曜日はやはり早く寝て夜中に起き出すかないか!toyama です。金曜日は結構な割合で寝不足な人が多そうですね。 大きな写真イメージの上にキャッチコピーを書いてサイトの目立つところに表示、というデザインは割と多いパターンですが、画像の書き出し圧縮率は毎度悩ましいです。 写真の書き出しは jpg がセオリーですが、キャッチコピーの文字がひどく劣化してしまうことがあります。かといって gif で書き出すには色数が多くてディザでもちょっと辛いし重い! そんなときは Fireworks さんにおまかせです。さすが web 制作の申し子! 1. こんな感じの画像があるとします。 写真の上にテキストで文字が置かれています。 2. jpg で書き出してみます。普段はこんなに低画質で書き出すことはないですが、分かりやすく圧縮の品質を 50 にしてみます。 背景の画像はともかく、もう文字のまわりがグニ
昔々のフロッピーディスクなどから延々と進化してきた記憶媒体、その歴史を1枚の図、いわゆるインフォグラフィックにまとめてみたものです。 はるか昔のものを見て「なつかしいなー」と思いに浸るも良し、「ついにここまで来たのか……」と感慨にふけるも良し、「昔はこんなに容量が少なかったなんて、一体どうやってパソコンしてたんだ?」と疑問に思うも良し、という感じです。 閲覧は以下から。 Evolution of Storage Version 4.0 | Flickr - Photo Sharing! By Curtiss Spontelli まずは音楽関係から。赤色が1分、緑色が1時間を示しています。 初期のメディアたち。アナログレコードの元祖、ワックスシリンダーというものが最初で、直径1センチ・長さ6インチのボール紙の円筒にワックスをかぶせたもの。針によってワックスの表面に音を刻み込むという仕組みで、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く