幅を選んで軽量サムネイルを作成

元画像を切り取らずに、サイトや商品一覧用の小さなプレビューを用意したい編集者や運営者向けです。

指定した幅で軽量なサムネイルを作り、元の縦横比を保った安定したプレビューを得られます。ページや一覧の表示にも使いやすい形です。

使い方

  1. 利用可能な PNG、JPEG、WebP ファイルのいずれかを選び、元画像をツールに読み込みます。
  2. サムネイルに必要な幅を入力します。高さは元の比率に従うことに注意してください。
  3. 生成ステップを開始し、リスト、ギャラリー、商品カードに適した軽いプレビューを作成します。
  4. ページに配置する前に、ダウンロードしたファイルの鮮明さとファイルサイズを確認します。
  5. 別の画像で別のプレビューを始めたいときは、選択をクリアします。

使用例

ブログ管理者がページの読み込みを速くしたいと考えます。大きな写真からサムネイルを作成し、小さな画面でも被写体が認識できることを確認してから、記事一覧の元画像を置き換えます。

制限と形式

処理の場所

サムネイルはお使いのブラウザー内で作成されます。画像は指定された幅にローカルでサイズ変更され、軽いファイルは別のサービスにアップロードされずにデバイス上で生成されます。

よくある質問

サムネイルは元のアスペクト比を保ちますか?

はい、高さは選んだ幅と元画像の比率から導き出されます。被写体が引き伸ばされて見えることはありませんが、後でウェブサイト上の切り抜きや CSS ルールによって最終的な表示が変わることがあります。

サムネイルにするとページの読み込み時間は短くなりますか?

通常、小さいファイルはフルサイズの写真よりページの読み込みを速くするのに役立ちます。特に長い一覧では有効です。正確な効果は、選んだ幅、圧縮、同じページに表示される画像の数によって決まります。

高解像度ディスプレイで結果を使えますか?

高密度ディスプレイでは、非常に小さなサムネイルを拡大すると柔らかく見えることがあります。鮮明さが重要な場合は、少し幅の広いバージョンを生成し、ページ上では小さめに表示することを検討してください。

同じカテゴリのツール