Instagramプロフィール写真プレビュー - 円形クロップ&ボーダーリング作成

Instagramはすべてのプロフィール写真(pfp)を円形にクロップします。写真をアップロードし、ドラッグとズームで実際に切り取られる範囲を確認しましょう。好みに応じてカラーのボーダーリングやアーチ状テキストを追加し、正しく中央に配置されたアバターを、実際にアップロードする前にダウンロードできます。

Profile details

入力するとプロフィールプレビューに表示される名前がリアルタイムで更新されます。使用できるのは半角英数字、ピリオド、アンダースコアのみで、最大30文字までです。

Instagramと同じく、最大150文字までです。

ダッシュボードの閲覧数(過去30日間)

あなたの写真

写真をアップロード

ドラッグ&ドロップ、またはクリックして選択。JPG、PNG、WEBPに対応。

写真のボーダー

写真に焼き込まれるカラーリングを、縁からインセットさせた状態で選ぶか、オフにできます。「Aa」ボタンでアーチ状テキストを追加し、単独でもリングと組み合わせても使えます。

Instagramプロフィールのリアルタイムプレビュー

お名前

128

投稿

2,481

フォロワー

312

フォロー中

自己紹介文をここに入力します。自己紹介を編集するとプレビューに反映されます。

プロフェッショナルダッシュボード

104.4K 過去30日間の閲覧数。

プロフィール
ストーリーリング
コメント

pfpにカスタムボーダーリングやアーチ状テキストを追加

ただの円形クロップでは、何が切り取られるかしか分かりません。このツールなら同じ画面で仕上がったプロフィール写真そのものを作り込めるので、ボーダーやテキストが公開後どう見えるか推測する必要がありません。

カラーボーダーリング

プリセットのリング(Instagramグラデーション、サンセット、オーシャン、ゴールド、エメラルド、クローム)から選ぶか、単色やグラデーションを自由に設定できます。写真の縁からインセットされているので、円形クロップで切れてしまうことがありません。

アーチ状のリングテキスト

名前やブランド名、アカウント名を写真の縁に沿って配置できます。上下2つのアーチに分かれているので、すべての文字が正しい向きを保ちます。例えば、ロゴの周りに "GRIDPEEK" のように曲線状に表示できます。

両方を組み合わせても、どちらもオフにしても

ボーダーリングとリングテキストを一緒に使うことも、片方だけ使うことも、両方オフにしてシンプルなクロップにすることもできます。ダウンロード前にプレビューへリアルタイムで反映されます。

書き出し画像に焼き込み済み

ボーダーとテキストは、ダウンロードする1024x1024のPNG自体にレンダリングされます。後から重ねる別レイヤーではないので、貼り直す手間はありません。

実際の使い方

写真のトリミング、ボーダーリングの追加、完成したプロフィール写真の書き出しまでを短い動画でご紹介します。

プロフィール写真をアップロードする前に、こんな方におすすめです

クリエイター・インフルエンサー

フォロワーに公開される前に、顔やロゴが円形クロップで切れていないか確認できます。

企業・ブランド

プロフィールページ、ストーリーリング、コメントのアバターすべてで、ロゴが中央に収まり全体が見えるようにできます。

正方形の写真を使っている方

推測して何度もアップロードし直す代わりに、正方形の画像が四隅でどれだけ失われるか正確に確認できます。

SNS運用担当者

複数アカウント分のクロップを、いちいちデザインツールを開かずに素早くチェックできます。

GridPeekの他のツール

クリエイティブなワークフローを広げる

フィードのレイアウトを計画したり、画像をカルーセル用タイルに分割したり、ブランドコンテンツに透かしを入れたり、ロゴの背景を透過したり、機密部分をぼかしたりできます。

アップロード前にプロフィール写真のクロップを確認すべき理由

Instagramはプロフィール写真を完全な正方形として表示することはありません。プロフィールページ、ストーリーリング、コメント、いいね、DMのすべてで円形にクロップされます。多くの人はアップロードして顔やロゴが切れているのを見て初めてこれに気づきます。このツールを使えば、公開する前に実際の円形クロップを正確に確認できます。

推測ではなく、実際のクロップを確認できる

ここに表示される円形プレビューは、Instagramが実際に表示するものと一致しており、近似値ではありません。

フォロワーに見られる前に修正できる

写真の重要な部分が円の中に確実に収まるまで、位置とズームを調整できます。

アプリ不要、登録不要

すべてブラウザ内で完結します。アップロード、調整、ダウンロードだけです。

ロゴにも対応

ビジネスアカウントも、クロップ後にロゴが中央に収まり全体が見えているか確認できます。

よくある質問

なぜInstagramはプロフィール写真を円形にクロップするのですか?

Instagramはプロフィール写真を正方形のファイルとして保存していますが、プロフィールページ、ストーリーリング、コメント、いいね、DMなど、あらゆる場所で円形として表示します。正方形の中に収まる最大の円の外側にある部分は、ファイル自体は無事でも見た目上は切り取られてしまいます。

Instagramプロフィール写真のセーフゾーンとは何ですか?

セーフゾーンとは、アップロードした正方形の内側にデフォルトで中央配置される円のことです。顔やロゴ、テキストはこの円の中に収めましょう。正方形画像の四隅は、常に真っ先に見えなくなる部分です。

どのサイズの画像をアップロードすればよいですか?

Instagramは最低320x320pxを推奨しており、高精細画面でもきれいに表示するには1080x1080px程度が一般的です。このツールでは、元のサイズに関係なく1024x1024pxのPNGとして書き出されます。

写真はどこかにアップロードされますか?

いいえ。すべての処理はブラウザ内でCanvasを使ってローカルに行われます。写真がサーバーに送信されることはありません。

写真の位置調整やズームはできますか?

はい。写真をドラッグして位置を調整し、ズームスライダーで拡大縮小できます。ダウンロード前に、写真の重要な部分が円の中に収まるよう調整できます。

ダウンロードしたファイルは、そのままInstagramのプロフィール写真として使えますか?

はい。PNGをダウンロードして、そのままInstagramのプロフィール写真としてアップロードできます。ここで円形プレビューに表示されている内容が、そのままプロフィールに表示されます。

これはpfpの切り抜きツールですか、それとも単なるプレビューですか?

両方です。実際の円形クロップをプレビューしながら、ドラッグとズームで調整でき、そのままアップロードできる1024x1024のPNGを書き出せます。つまり単なる確認ツールではなく、本格的なpfp切り抜きツールとして使えます。

pfpにカラーのボーダーリングやテキストを追加できますか?

はい。プリセットのカラーリング(Instagramグラデーション、サンセット、オーシャン、ゴールド、エメラルド、クローム)から選ぶか、カスタムカラーを設定でき、さらに縁に沿ったアーチ状テキストも追加できます。どちらもダウンロードするPNGに焼き込まれます。