メインコンテンツへ移動
ToolsByUs

クリエイター向けツール

どのプラットフォームも独自のピクセルサイズとファイル制限を設けており、そのほとんどは理由を告げずに、収まらないものを切り取るか拒否します。この22のリサイザーは、各プラットフォームが想定する正確なフレームを保持し、アバターや操作部品が覆う領域を描き、必要なすべてのサイズを一度にエクスポートします。完全にブラウザ内で動作します。

22個のツール端末内で処理

ブラウザベースのクリエイターツールはどんなときに使うべきですか？

主要なプラットフォームはどれも、バナー、プロフィール画像、絵文字、商品画像に厳格な寸法、アスペクト比、ファイルサイズの上限を課しています。Discordはプロフィールバナーに17:6のアスペクト比を要求し、合わない画像は中央で切り取ります。Twitchは112×112、56×56、28×28の絵文字に厳格な100 KBの上限を課します。Robloxは585×559のキャンバステンプレート上で正確な配置を求めます。

汎用エディターを使うと、圧縮アーティファクト、予期しないアバターのオーバーレイが主要な視覚要素を覆う問題、わずかな寸法の不一致による却下に悩まされがちです。この22の作成系ツールは正確なセーフゾーンを事前計算し、そのままアップロードできる複数解像度のセットをエクスポートします。

計算、canvasの変換、ZIP圧縮のすべてが、ハードウェアアクセラレーション対応のCanvas APIとWeb Workerにより、100%ブラウザ内でローカルに実行されます。画像もユーザーデータも、外部サーバーにアップロードされることは一切ありません。

寸法がプラットフォームではなくあなたの選択に委ねられる場合は、汎用の画像ユーティリティが制約のない編集を提供します。任意のピクセル寸法には画像リサイズ、自由な切り抜きには画像切り抜き、ファイルサイズの削減には画像圧縮を。

よくある質問

汎用の画像リサイザーを使えば足りませんか？

難しいのはリサイズそのものではないからです。Twitchは100 KBを超える絵文字を拒否すること、Discordは17:6でないプロフィールバナーを中央で切り取ること、Robloxは585 × 559のキャンバス上の決まった位置に胴体パネルを要求すること、そしてスマートフォンではYouTubeバナーの中央の帯しか表示されないこと。その知識が重要です。汎用のリサイザーはあなたに数値を尋ねます。これらのページは数値をすでに知っています。

エクスポートのために画像はアップロードされますか？

いいえ。ファイルのデコード、切り抜き、リサイズ、エンコード、ZIPへのバンドルは、あなた自身のブラウザが行います。確認もできます。DevToolsを開き、Networkパネルを表示してエクスポートしてください。画像を運ぶリクエストは一切現れません。ページのContent-Security-Policyはconnect-src 'self'を設定しているため、コードが試みたとしてもブラウザが拒否します。

プラットフォームにファイルサイズの上限がある場合はどうなりますか？

エクスポーターは上限に触れるのではなく、それを強制します。JPEGとWebPでは、上限に収まる最高品質を探索します。ぎりぎりよりも、確実に下回る方向に偏らせて。PNGはロスレスで品質のダイヤルがないため、上限を超えたPNGは収まったものとして渡されるのではなく、超過として報告されます。形式の変更か絵の簡素化という提案付きで。

プラットフォームが必要とするすべてのサイズを一度にエクスポートできますか？

はい。それこそがこれらのページが存在する主な理由です。Twitchの絵文字セットは112、56、28ピクセル。サブスクバッジは72、36、18です。1回の切り抜きですべてが生成され、アップロードフォームが想定する名前で1つのZIPにまとめて届きます。同じ作業を3回繰り返すのではなく。

プレビューの点線と暗い図形は何ですか？

点線の四角形はセーフエリアです。どのデバイスでも見えるフレームの部分です。暗い図形は、プラットフォームが作品の上に重ねて描くものです。DiscordやXのバナーにかかる円形アバター、Spotify Canvasにかかるプレイヤーのコントロールなど。その下に置いたものは見えません。公開後に発見するよりも、切り抜きながら見える方が安上がりです。

ToolsByUsにはほかに何がありますか？

ToolsByUs — クリエイター向けツール