画像形式と圧縮(WebP/JPEG/PNG/AVIF/HEIC)
記事 13 件
用途に応じて最小容量で画質を保つための形式選びと圧縮の原則。写真/図/ロゴ/透過での実務の落とし所、Q値・サブサンプリング、運用のテンプレまで。
ツール: /compressor / /convert
画像の設計・運用で迷いやすいテーマを、要点と厳選リンクでまとめています。
用途に応じて最小容量で画質を保つための形式選びと圧縮の原則。写真/図/ロゴ/透過での実務の落とし所、Q値・サブサンプリング、運用のテンプレまで。
OGP/サムネを“クリックされる見た目”に。比率・安全域・文字数・配色・書き出しの最短ルールとテンプレ。媒体ごとの切り抜きにも崩れにくい設計。
共有前に“危ない情報”を消す。EXIFの位置情報削除、自動回転、背景透過の白縁回避、モザイク/ぼかしの安全なかけ方を実務フローで。
Webと印刷は単位が違う。等倍印刷で必要なピクセル数(DPI/ppi)を理解し、A4などの入稿に迷わないための早見表と計算ツール。
画像だけでCore Web Vitalsを安定させる設計と実装。表示幅・srcset/sizes・寸法指定・優先度・Q値/サブサンプリングの落とし所を解説。
スクリーンショットのにじみ/ざらつきを抑え、文字やUIを“クッキリ軽く”。撮影倍率・パレットPNG・ディザ弱め・書き出し形式の最短ルール。
“Webで色が変わる”問題の最短解。Wide GamutからのsRGB変換、ICCプロファイルの扱い、確認と書き出しの実務フローを整理。