Webにおける画像の最適化について考える | 1000ch.net
画像をもっとデリケートに扱う デリケートと言っても常に最高画質でやるべきなんてことを言うわけではなくて、 『こういう場合にはこういう画像』ということをしていくことが必要になると思います。 その引き出しをなるべく多く用意しておきましょう。 ファイルサイズとリクエストの天秤 Webのパフォーマンスにおいて、コスパが高いのはネットワーク部分です。 リクエスト数の削減 CSSとJSの結合 画像のCSSスプライト化 Keep-Aliveのon ローカルキャッシュ効かせる レスポンスサイズの削減 CSSとJSの圧縮 画像の圧縮・最適化 サーバーから返すリソースのgzip化 これらは比較的簡単に行うことが出来る上に、効果も大きいです。 しかしCSSとJSの結合と圧縮を行っても、画像が1ファイル300KBあったり、 更にそれが何ファイルもあったりしたらCSSやJSの最適化も 効果が小さいもの
Amazonの画像を拡大してリサイズし切り抜く
Amazonの商品画像は色々なパラメーターで加工できるのはよく知られている。大抵の場合はウェブサイトに合うようにサイズを変更したりとかが主なのでAA320やSX480とかを使うだけ。ただ非矩形な商品の画像の場合、余白がないことがあり白背景のウェブサイト以外ではサイズの変更だけでは上手くなじまない。それを拡大(SS)とリサイズ(AA)・切り抜き(CR)を組み合わせることにより適切に余白を追加してやろうというテクニック。頭悪そうなタイトル。 以下のデフォルトの画像では余白がなくキツキツでちょっとアレな画像を例にして説明する。 元の画像のサイズは500x221 https://m.media-amazon.com/images/I/31Eybjr97iL.jpg SSとAAというパラメーターによる画像サイズの変更は、元になる画像のサイズ(長辺が500pxのことが多い)を超えると余白が追加される。
お金をかけずにRAW画像を扱う方法 (kuruman.org > Kuruman Memo)
数年前辺りから徐々に増えつつあるデジタル一眼ユーザの方々はもちろんRAW形式で画像を保存しているようです。美しく撮った写真はできるだけ綺麗に保存したいでしょうから、もちろんそうなるわけです。その位は、RAW形式を扱う高級機材を持っていない僕でも分かります。 しかしながらユーザが増えると困ったちゃんも増えるわけでして、RAW形式でさえも誰もが扱えるフォーマットだと勘違いする人が出てくるのです。少なくとも僕の周りには一人いました。写真をくれと言ったらRAW形式で送付してきて、そのままオフラインになってくれた友人が。……そんな場面が他の人に訪れるかどうか定かでありませんが、ファイルを整理していたらそんな時に探したソフトウェアのメモ書きが出てきましたのでここいらで公開しておこうと思った次第です。将来同じ状況に陥った時、自分が活用できるでしょうし……。 以下、基本的に無償で提供されるソフトウェアのは
たった１分でかっこいい写真に変身できる！Webツール :: Love & Design ::
ブログや mixi に写真をかっこよく載せたい人は必見！ 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor （やのさん thx!） 説明が不要なくらい作り方も簡単です。 すべてのブラウザ(IE、Firefox、Safari、Opera)に対応しています。 アンドゥ・リドゥ機能（やり直し） ズーム機能（拡大縮小） 明るさ調整 トリミング リサイズ 画像の回転 赤目の補正 歯を白くする処理 セピア加工 LOMO*（ロシア製のトイカメラ風） フィルター ラウンド（角丸） ボーダー ぼかし 雪 *参考：:: Welcome to Lomo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://lorempixel.com/
