ウェブに載せる画像一枚を整える小さな作業台

元画像の編集、圧縮の比較、SVGの整理、短いアニメーションの確認を役割別に分けた道具集です。

画像の準備には、何を残し、どの大きさで見せ、どの形式で保存し、容量と品質をどう調整するかという判断があります。目の前のファイルに合う道具を選べるよう、役割を分けました。未編集の原本を残し、実際に表示される大きさで出力を判断してください。

まず試してみる

画像を一つ選び、表示サイズを決めましょう。切り抜きや編集を先に行い、圧縮を比較します。SVGは最適化後の形を、動く画像は速度や透明度も確認してください。ページの原本を置き換える前に、書き出したファイルを開いてみましょう。

確認しておきたいこと

道具によって端末内処理、アップロード、対応形式、制限が異なります。機密ファイル、特にオンライン変換では現在の処理方法を確認してください。圧縮を繰り返すより、寸法や動きの複雑さを減らすほうが有効な場合があります。