PixelMintから現在のアプリまで
Jivaro は、デスクトップ ソフトウェアをインストールせずに複数の画像のサイズを変更するための小さなブラウザ ユーティリティである PixelMint として、2024 年 10 月にオリジナルのツールをリリースしました。これで当面の問題は解決されました。つまり、大きすぎるファイルのフォルダーを小さなファイルに変換するということですが、ジョブが幅と高さで終了することはほとんどありません。
現在の Bulk Image Resizer は、イメージの準備が実際にどのように機能するかを反映しています。バッチには、共通のアスペクト比、異なるファイル形式、制御された圧縮、予測可能なファイル名、透明なアセットの背景、ZIP アーカイブ、および何が起こったかを記録するマニフェストが必要になる場合があります。アプリはこれらの決定を 1 つの反復可能なワークフローとして扱うようになりました。
画像のサイズ変更がパイプラインである理由
4,000 ピクセルの写真は 1,200 ピクセルに縮小されても、制作には適さない可能性があります。サイズが大きすぎる、不透明なファイル名が付いている、間違った形式を使用している、メタデータが明らかになっている、件名が大きく切り取られている、またはレスポンシブ ページに必要な代替サイズが不足している可能性があります。操作上の問題は、「画像が小さくなりましたか?」ということではありません。しかし、「出力は目的地に向けて準備ができていますか?」
さまざまな寸法、形式、名前、透明度。
フィット、フィル、ストレッチ、パーセンテージ、または元の寸法。
JPEG、PNG、または WebP を選択し、バイトに対する忠実度のバランスをとります。
バッチ全体に対して予測可能で並べ替え可能なファイル名を作成します。
ファイルをプレビューしたり、個別にダウンロードしたり、ZIP とマニフェストをエクスポートしたりできます。
現在の機能
ブラウザで読み取り可能な画像ファイルをキューに入れ、セット全体に 1 つの構成を適用します。
正確な幅と高さのコントロールを使用して、フィット、フィル、ストレッチ、パーセンテージ、または元のサイズを使用します。
出力形式を変換し、品質、背景の透明度、ターゲット サイズを調整します。
ダウンロードした各ファイルの名前を手動で変更するのではなく、バッチを標準化します。
包装前に出力物を検査し、利用可能な場合は作物エリアと安全エリアに関する視覚的なガイドを使用します。
ファイルをパッケージ化し、CSV マニフェストを生成し、Web で使用する応答性の高い画像マークアップを生成します。
フォーマットと品質のトレードオフ
| Format | ベストフィット | 注意してください |
|---|---|---|
| JPEG | 広範な互換性が重要となる写真および不透明な画像 | 透明性がない。再エンコードを繰り返すとアーティファクトが発生する可能性があります |
| PNG | ロゴ、UI キャプチャ、線画、透明度が必要な画像 | 写真ファイルは、JPEG または WebP よりもはるかに大きくなる可能性があります |
| WebP | 小さなファイルと透明性の両方が重要となる最新の Web 配信 | 品質設定とワークフローの互換性をテストする必要があります |
ファイル サイズの目標設定は、そのサイズを保証することと同じではありません。圧縮はコンテンツによって異なります。同じ品質設定でも、平面的なイラストと詳細な写真では反応が異なります。適切なワークフローでは、代表的な出力をプレビューし、視覚的な損傷と転送サイズの両方をチェックします。
ローカル処理とメタデータ
ブラウザーは、ピクセル データをアプリケーション サーバーに送信せずに、画像をデコードし、キャンバスまたはオフスクリーン キャンバスに描画し、新しい BLOB をエンコードできます。このアーキテクチャにより、ユーザーのデバイス上で通常の処理ループが維持され、アップロードとダウンロードの往復の待ち時間が回避されます。
出力がバイトごとのコピーではなく新しくエンコードされたイメージであるため、キャンバスを介して再エンコードすると、一般にソース メタデータが削除されます。これはプライバシーの保護には役立ちますが、写真家や制作チームは、EXIF、オリエンテーションノート、カラープロファイル、キャプション、または権利メタデータが存続すると想定すべきではないことも意味します。元のファイルを保存し、アーカイブまたは専門家による配信の前に出力を検証します。
実用的なバッチ ワークフロー
- 変更されていないオリジナルは別のフォルダーに保管してください。
- 最初に宛先を定義します: 記事のヒーロー、製品のサムネイル、ソーシャル カード、アーカイブ、または電子メール。
- 寸法を選択し、その宛先に基づいてサイズ変更モードを選択します。
- 出力形式を選択し、バッチ内の最も詳細な画像の品質をテストします。
- ZIP の外側でも意味のあるファイル名テンプレートを使用してください。
- キュー全体を処理する前に、トリミング、透明度、小さなテキストをプレビューします。
- トレーサビリティが重要な場合は、バッチをエクスポートし、マニフェストを保持します。
発売以来変わったこと
PixelMint の最初の発表では、一括サイズ変更、複数の形式、アスペクト比の制御、インストール不要などの利便性が強調されていました。これらはまだ基礎的なものですが、製品は今後、さらに生産作業に進みます。変換、品質管理、ファイル名テンプレート、プリセット、プレビュー、ターゲット サイズ変更、レスポンシブ マークアップ、バッチ レポート機能により、1 回限りのサイズ変更を超えて便利です。
新しい関数の名前も曖昧さを取り除きます。 「Bulk Image Resizer」は、ジョブを直接説明し、ページとインターフェイスでより広範な最適化ワークフローを説明できるため、より良い約束です。
よくある質問
現在のアプリはブラウザーで画像を処理するように設計されています。ユーザーは引き続き、機密ファイルに対するブラウザ、拡張機能、デバイス、および組織のセキュリティ要件を評価する必要があります。
アニメーション化された入力はブラウザーで読み取ることができますが、現在のワークフローではアニメーションのタイムラインを保持するのではなく、静止フレームを処理します。
現在のビルドでは、サイズ、品質、背景、名前を制御できる JPEG、PNG、および WebP 出力が提供されます。
Jivaro は、関数優先のアプリ名を使用するようになりました。 「Bulk Image Resizer」は、検索結果、リンク、アプリ カタログでよりわかりやすく表示されます。
関連するJivaroアプリ
複数の画像をブラウザー内で安全にリサイズ、圧縮、変換、名前変更、切り抜きし、AVIFやHEICにも対応した複数バリエーションを書き出せます。
アプリを開く画像ごとの配置、ファイル名変数、再利用できるプリセットを使い、文字、ロゴ、複合、タイル状の透かしを追加して、JPG、PNG、WebP、ZIPとしてローカルに書き出せます。
アプリを開くPNG、JPG、WebP、GIF、BMP、AVIF画像を切り抜いて最適化SVGへ変換し、背景除去、配色調整、色変更を行い、個別ファイルまたはZIPで書き出せます。
アプリを開く出典と参考文献
- Bulk Image ResizerXXQPH0002QXZJivaro · ファーストパーティ
- MDN: HTMLCanvasElement.toBlob()MDN Web ドキュメント · リファレンス
- MDN: OffscreenCanvas.convertToBlob()MDN Web ドキュメント · リファレンス
- MDN: WorkerGlobalScope.createImageBitmap()MDN Web ドキュメント · リファレンス