X Twitter DPメーカーオンライン

タイムラインサイズでも読みやすい400×400ピクセルのアバターを作成できます。太字の塗りつぶし、円形の安全領域ガイド、ロスレスエクスポート機能により、密集したフィードでもマークの視認性を維持します。

Xアバターの作り方

画像をアップロードし、塗りつぶしを選択してから、マークが円の中心に来るまでズームとドラッグを繰り返します。400×400ピクセルでダウンロードし、アバターとして設定してください。

ステップ1

画像をアップロードしてください

JPG、PNG、またはWebPファイルをドラッグ&ドロップすると、エディターで開きます。

ステップ2

アバターをフレームに収める

塗りつぶしを選択し、マークが円の中心に来るまでズームイン・ズームアウトしてドラッグします。

ステップ3

400で輸出

400×400ピクセルのPNG、JPEG、またはWebP画像をダウンロードして、Xのアバターとして設定してください。

タイムラインのサムネイルサイズで読めるXアバターを作成する

Xは、アバターがピクセル単位で最も多くの役割を果たすプラットフォームです。400×400ピクセルで表示されますが、実際にははるかに小さく表示され、何百もの他のアカウントと並ぶ密集したタイムラインや、返信スレッド、通知リストなどで目にすることになります。このサイズでは、詳細な写真はノイズのように見え、太字で中央に配置されたマークは瞬時に認識されます。フルサイズのプレビューではなく、サムネイルに合わせてデザインすることが、このゲームの鍵となります。

形状のルールはおなじみのものです。正方形をアップロードすると、Xがそれを円形に切り抜きます。画像の角は表示されないため、重要なものはすべて中央に配置する必要があります。エディターの80%円形ガイドはまさにその領域を示しており、エクスポート前にこのガイドを確認することで、すっきりとしたアバターと、ロゴの上部や顔の半分がいつの間にか消えてしまったアバターとの違いが生まれます。

ここでは、他のどのプラットフォームよりも塗りつぶしが重要です。なぜなら、複雑な元の写真が複雑なインターフェースと競合するからです。単色の背景は被写体を際立たせ、圧縮後もコントラストの高いフレームを提供します。グラデーションは、ごちゃごちゃすることなく個性を加えます。ぼかしは、写真自体が主役である場合に写真全体を保持し、端を切り取りたい場合は中央をまっすぐに切り取る機能を使用できます。投稿頻度の高いアカウントは、季節のリングや、新製品やコミュニティイベントに関連した色の変更でアバターを更新する傾向がありますが、ここではフレーミングとエクスポートサイズは固定され、境界線または背景のみが変更されるため、どちらも簡単にやり直すことができます。プリセットとガイドが存在する理由はそこにあります。これらは、実際に時間とコストがかかる2つの決定、つまりフレーミングとサイズを不要にするからです。

400ピクセルでは、エクスポート形式の選択も重要な判断となります。PNGは非可逆圧縮ではないため、線画、ワードマーク、ピクセルアートを鮮明に保ち、正方形ではなく円形としてエクスポートすれば透明度も保持します。JPEGは写真アバターに最適な最小ファイルサイズを提供し、WebPはその中間です。Xではアバターのアップロードサイズが2メガバイトに制限されているため、ライブサイズ表示が重要になります。これは、通常400ピクセルの正方形に必要なサイズをはるかに超えています。

いつものように、作業はブラウザ上のキャンバスで行われるため、アップロードは不要で、アカウントもキューもウォーターマークもありません。12種類の枠線スタイル、オプションのテキスト、ズームとドラッグ、そして6つのプラットフォームプリセットが利用できるため、最初からやり直すことなく同じフレーミングを他のネットワーク向けにエクスポートできます。ただし、一つだけ制限があります。これは静止画のみを生成するため、アニメーションアバターは別のワークフローで作成する必要があります。

400×400

Xが使用する正確な正方形をエクスポートします。これは既に2メガバイトの制限内に収まっています。

小規模向けに設計

円形のガイドを確認して、マークがタイムラインのサムネイルサイズでも正しく表示されるようにしてください。

高コントラスト塗りつぶし

単色やグラデーションの背景を使うことで、情報量の多いタイムラインの中でもアバターが見やすくなります。

鮮明なPNG

ロゴや線画はロスレスPNG形式で、写真はJPEGまたはWebP形式でエクスポートします。

リングとテキスト

上部または下部に、光沢またはグラデーションの境界線と、オプションでラベルを追加します。

何もアップロードされていません

アバターはブラウザ上で作成され、アカウント、キュー、ウォーターマークは一切ありません。

よくある質問

よくある質問

このツールが出力する画像は、400×400ピクセルの正方形です。Xは画像を円形に切り抜き、タイムライン上でかなり小さく表示します。そのため、画像が縮小された際に消えてしまうような細部に頼るのではなく、被写体を太字にして中央に配置するようにしてください。

400ピクセルよりもはるかに小さいサイズで表示されるため、細かいディテール、小さな文字、複雑な背景はサムネイルサイズでは崩れてしまいます。単色またはグラデーションの背景にコントラストの高い被写体を使用し、円形の安全領域内に収め、書き出す前にガイドを確認してください。

Xではアバターのアップロード容量を2メガバイトに制限しています。400×400ピクセルのエクスポートはどのフォーマットでもその容量には遠く及ばないため、鮮明な線画やワードマークにはロスレスPNGを使用する余裕があります。エディターのリアルタイムサイズ表示では、ダウンロード前に正確な数値を確認できます。

ロゴ、ワードマーク、ピクセルアート、そして輪郭がはっきりしているものにはPNGが最適です。PNGはロスレスで、円形にエクスポートしても透明度が維持されるためです。写真のアバターなど、輪郭の鮮明さよりもファイルサイズの小ささが重要な場合はJPEGが適しています。WebPは妥当な中間的な選択肢です。

いいえ。すべてはブラウザ内のキャンバス上にレンダリングされるため、ファイルはデバイスから外部に送信されることはありません。アカウントも、アップロードキューも、保存されたコピーも、ウォーターマークもありません。これは、アバターが匿名アカウントに紐付けられている場合に特に重要です。

いいえ。ヘッダーは幅1500×500のバナーで、中央部分を切り抜く独自の動作を持ち、全く別のアセットです。このツールは、タイムライン、返信、通知でユーザー名の横に表示される正方形のアバターを作成します。

余裕を持たせましょう。マークを単色の背景に配置して、正方形の端まで伸びるのではなく、円の中に収まるようにします。次に、80パーセントのガイドを確認します。タイトにトリミングすると、丸いクリップを適用した瞬間に角が失われてしまいます。

はい。リングのスタイルは、ソリッド、ダッシュ、ダブルリング、グローなど12種類あり、ゴールド、ローズゴールド、シルバー、レインボー、季節ごとのグラデーションも選べ、幅と色も調整可能です。タイムラインサイズでは、太いリングよりも細いリングの方が見やすいです。

はい。このツールには6つのネットワーク用のプリセットが用意されているため、プラットフォームを切り替えても、再構築することなく、そのネットワークの正方形サイズで同じフレーミングをエクスポートできます。これが、すべてのネットワークで一貫したイメージを実現する最も迅速な方法です。