画像軽量化— image-fitness

「画像軽量化」カテゴリの研究メモ一覧です。

20本
106全件

画像軽量化

— 20 entries
  • —詳説 LightFile Proxy (10) 料金体系10.04LightFile Proxyの料金体系は大きく2つある。現行の クラスタ提供 と、今後検討している 成果報酬型 だ。 具体的な単価は非公開だが、 どのように料金を計算しているのか 、体系を解説したい。
  • —詳説 LightFile Proxy (9) AWS純正のDITで代替できるか10.03LightFile Proxyは、 CloudFrontにおける画像最適化オプションの標準的な地位 を目指している。ただしAWSも公式に Dynamic Image Transformation for Amazon CloudFront…
  • —詳説 LightFile Proxy (8) その他の細かな特徴10.02この連載ではここまで、LightFile Proxyの主要な機能について説明を展開してきた。本記事ではそれら以外の細かな特徴についてまとめて解説をしたい。ひとつのLightFile Proxyクラスタで複数のサイトをカバーする仕組み、プライベートなS3バケットをオリジンにする場合の認証、レポート機能を解説する。
  • —詳説 LightFile Proxy (7) 無駄な変換を避け高速に画像を配信するためのキャッシュ戦略10.01WebPへの変換は、1ファイルずつ見れば高速に終わる。それでも画像のフォーマット変換は軽い処理ではないし、何万・何十万ファイルとなれば相応の負荷になる。エンドユーザーには一瞬でも早く軽量化された画像を届けたい。 できる限り変換結果を使い回して、無駄な変換を避けたい。そこでLightFile…
  • —詳説 LightFile Proxy (6) 画像のリンク切れを起こさない二重の障害対応09.30LightFile Proxyは既存システムに後付けで導入される手軽さの一方、 画像配信の単一障害点にもなる 。仮にLightFile Proxyが落ちると、CloudFrontにキャッシュされていない画像がまったく表示されないという重大事故を引き起こす。…
  • —詳説 LightFile Proxy (5) WebP化によるデータ削減で見た目は劣化するか09.29LightFile ProxyはCloudFrontの後ろに入り、画像をWebPに変換して配信する。システムと運用に手を入れずに導入できるが、勝手に変換されるのだから画質がどうなるかは気になるところだと思う。 結論を先に書くと、PNGは1画素も変わらず、JPEGはquality…
  • —詳説 LightFile Proxy (4) 次世代画像フォーマットの採用でどのくらい画像が軽くなるか09.28画像をWebPにするとどのくらい軽くなるのか。導入を決める前にいちばん知りたいのはここだと思う。 一般的な数字はGoogleが公表している。ただし 実際にどれだけ減るかは、画像とサイトによって大きく異なる 。この記事では公称値と実測のずれを示したうえで、実際に変換して測るための無料の診断を紹介したい。
  • —詳説 LightFile Proxy (3) 画像変換のタイミングとその最適解09.27JPEG/PNG/GIFの画像をWebPなどの次世代画像フォーマットに変換して配信するとき、変換をいつ実行するかで設計が分かれる。大きくは、配信を始める前にまとめて変換する 事前変換 と、リクエストを受けてから変換する 都度変換 の2つだ。 どちらにも一長一短がある。弊社のLightFile…
  • —詳説 LightFile Proxy (2) 拡張子は.jpgのまま中身をWebPにしてよいのか09.26LightFile Proxyでは、URLの拡張子を .jpg や .png としたまま、データの中身を軽量な次世代画像フォーマットのWebPに変換して配信する。このアプローチによって、従来のHTMLに変更を加えず、画像だけを最適化できるのだが、人によっては「気持ち悪い」と感じるかもしれない。…
  • —詳説 LightFile Proxy (1) サイトに手を加えず画像をWebPで配信する仕組み09.25一般的にWebサイトは転送量の多くを画像が占める。この画像を従来フォーマットのJPEG/PNG/GIFから次世代フォーマットのWebPに変えるだけで転送量が減り、CloudFrontの料金も下がる。しかし既存のサイトをWebPに対応させるには、システムの改修やデザイナーの画像ファイル出力作業の変更が必要になる。…
  • —WebP/AVIFだけじゃないWeb画像最適化チェックリスト07.06ウェブ画像最適化と聞くと、いまなら多くの人が、JPEGやPNGをAVIFやWebPなどの次世代画像フォーマットに変換することを思い浮かべるだろう。もちろんそれも有効だが、それは画像最適化の一部でしかない。…
  • —「画像を軽くして」と言われたときの定量的な基準02.25Web制作の現場で「画像を軽くして」と言われることはよくある。一枚一枚人間の目で品質やパラメータを調整すれば軽くすることは可能だが、現在のWeb制作でそこまで手間をかけるのはほぼ不可能だ。…
  • —WebPやAVIFに対応していない旧ブラウザのふりをするChrome拡張機能07.02WebPやAVIFといった次世代画像フォーマットと、従来フォーマット(JPEG・PNG・GIF)に両対応し、ブラウザの対応状況によって出し分けるサイトが増えている。 弊社でもそのようなアシストを行うサービスを提供しているが、 LightFile Proxy - AWS…
  • —JPEGのEXIFサムネイルを削除するGo言語パッケージを公開06.03地味なツールだが、JPEGファイルのサムネイル(EXIF)を削除するGo言語のパッケージを公開した。 ideamans/go-exif-remove-thumbnail: A Go tool and library to remove JPEG EXIF thumbnails, preserving other…
  • —Web画像フォーマットの細かなバリエーションを網羅するデータセットとツールキットを公開05.31弊社ではWeb画像に関するサービスを展開しているが、一言にJPEG、PNG、GIFといっても内部的に多くのバリエーションがある。例えばJPEGであれば、Exifの有無や圧縮方式の違いなどだ。…
  • —画像軽量化コストの妥当性「いくらまで適切？」を考える05.12Webサイトの画像軽量化には、オープンソースによる内製から、さまざまな外部のサービスの活用まで多くの選択肢がある。 外部サービスはもちろんのこと、内製するにしても工数がかかり、費用は発生する。しかしこれまで画像軽量化の費用の妥当性についてはほとんど見聞きしたことがない。…
  • —アイデアマンズのミッションは「Webフィットネス」04.30弊社アイデアマンズ株式会社のミッションについて少し言語化をしたい。 いくつかの事業を手掛けているが、共通するのは技術的な工夫で「Webにおけるムダを減らしたい」という思いである。
  • —WebP変換の適切なタイミングについて02.15Web 画像データを WebP や AVIF などの次世代画像フォーマットにすると、同じ画質でもそのデータ量を大幅に削減できる。AWS などの海外クラウドサービスではデータ送信料金を削減でき、ユーザーの通信負担も軽くなる。その効果は小さくない。…
  • —デジタル赤字縮小のためのWeb画像軽量化01.26AWS に代表される海外クラウドサービスの利用は、貿易という観点では輸入になる。国内における海外サービスの利用は増す一方であり、IT 分野においては輸入超過の赤字が体質化している。それが「デジタル赤字」の問題だ。 この デジタル赤字を縮小する意外な方法が Web 画像の軽量化 だ。 AWS…
  • —そろそろWeb画像はWebPだけでよいか09.15そろそろWeb画像はWebPのみの配信でよいのではないか？ このテーマについて賛成論と反対論をしてみたい。