
2017年当時のpixivプロフィール画像(アイコン)は正方形で表示されていて、MGRのアームストロング上院議員ネタにした画像でした(現在は違うアイコンにしています)。
海外でやたら大人気でトランプ大統領と比較されるよね。



しかしpixiv側が大幅なリニューアルに合わせて、昨今のSNSのように、プロフィール画像を正方形から丸いものに変更したんですよね。
なってしまったものはしょうがないので、丸いアイコンへと対応させた手順を載せておきます。
後述するように別のSNSサービスでも活用できるため、丸いプロフィールアイコンをキレイに表示させたい人は、(大したことは書いていませんが)ご参考にしていただけますと幸いです。
正確な情報を求む
誤りがあればご連絡ください
丸いプロフィールアイコン画像への対応

別に難しくもなんでもなく、正方形のオリジナル画像に同じサイズの円を引き、その円の内側に文字や画像が収まるよう調整するだけです。
変則的な大きさ(長方形など)の場合は正方形にカットして直したほうが思いどおりになるよ。

これは重ねるように、ツイッターといったほかのSNSでも応用が利きますので、ぜひ覚えてきたいところです。
Photoshopを使わなくても、レイヤー機能・画像編集機能を備えた、無料版・無料体験で使える画像編集ソフトを使えば、これと同じ操作が可能です。
画像の大きさはどのぐらいがいいのか


絵描き&
Webデザイナーは語る
前提知識として、プロフィールアイコンに使用する画像は、想定しているモノよりも大きめ(可能であれば縦横2倍ほど)のサイズを用意してください。
これは最近のスマホやPCは解像度が非常に高精度になったことで、小さいサイズや等倍の大きさだと画像が解像度と釣り合わずに劣化し、ボケボケの印象になってしまうからです。
サービスによってアイコンサイズは変わりますが、
CHECK!
pixivであれば最低でも500px × 500pxかつ、劣化していない高画質画像。こちらで使うことをオススメします。
押さえたほうがいいポイントまとめ


どこでも使えるよ
その点も踏まえた総合的なポイントをまとめると、
- 【使用する画像は正方形】1:1の比率でつくられた正方形の画像を事前に用意する。長方形などの画像を使用すると位置がずれる恐れがあるため。
- 【画像は表示サイズの2倍】250px × 250pxの表示を想定しているのなら、最低でも500px × 500px 以上の画像を用意(高解像度ディスプレイ対策)。
- 【高画質の画像を使用】元画像は劣化していない高画質データにしておく。アイコンは自分の顔であることを意識。
- 【密度がある画像】可能なら色数や密度がある画像にする。シンプルな画像だとサービス側のシステムで軽量化処理された際に汚くなる可能性がある。
- 【塗り足しも考慮】枠線つきなら、表示領域の外側10pxほどを塗り足ししておく(きっちり作りすぎるとサービスによってはキレイに表示されない)。
- 【著作権は考慮】コツではないものの、トラブル防止のために著作権フリーや、自前でつくったもの、利用許可がされた画像を使う。
大体上記の点を守っていて、サービス側のシステム上、強制的に画像劣化させられてしまう場合を除けば、アイコンはキレイに表示されると思います。

……で、自分のプロフィール画像ですが、対応させたのが右の画像です。そこからちょっとレイアウトを変更して、

これで丸くてもそれなりの存在感を放てます。

円を消して正方形の画像のまま保存し、pixivにアップロードして対応完了です。
最後に:アイコン画像は自分の顔


顔写真をきれいに
撮るようなもの
絵の技量の目安として見てもらうのか、自身の趣味をわかりやすく表現するのか、単にネタで走るのか……どんなアイコンにするかは人それぞれですが、上述したようにアイコンは自分の顔です。
なんなら「自分の分身」と言ってもいい。

ボケボケで崩れた画像より、キレイに作られて整った画像のほうが印象はいいですからね。たかがアイコン、されどアイコンです。
当サイトはみなさまの寄付・ご支援により、広告なしの実現やサイト運営・維持をおこなっています。
記事や作品が気に入りましたら、寄付や支援サイトのご支援をよろしくお願いいたします。

ございます
寄付に登録・ログインは不要です。文章を書かなくてもスタンプだけの寄付もできます。
記事の原寸大作品、サンプル黒塗り無しは支援サイトで閲覧できます。
FANBOXは表現規制・規約変更により作品が非公開になる場合があります。
プロフィール

赤竹ただきちTadakichi Akatake
【1/23(木)23:05にiCloudメールでお問い合わせされた方へ】そちら様のメールの受信ボックス容量がいっぱいになっているようで、いただいた内容にお返事を送ることができませんでした。
大変恐れ入りますが、メールボックスの容量を整理いただくか、別のメールアドレスを送っていただければ返信を再送いたしますので、よろしくお願い申し上げます。
イラストレーター・マークアップエンジニア(コーダー)・Webデザイナー・ライターのウサギ好き。多様な絵柄を描け、外国人でも絵でわかるマンガ、ウサギと口内描写にこだわりを持つ。
コーディングとWebデザインは両方可能。納期が短いなどいった案件では、「デザインとコーディングのアドリブ同時進行」という荒業もおこない、SEO施策を意識したマークアップも得意。
フリーランスとの進行ディレクション・指示や、面接担当の経験が幾度もあり、プロ・趣味問わず、絵描きを含めたクリエイティブの姿勢には少々シビア。
「自省・リテラシー・正しい批判の認知・意識向上」をライフワークとし、当サイト記事も「気づき・理解・学ぶ」を全体テーマとして執筆。
当サイトの記事は中学生でも理解できるように計算しながら執筆しており、ネット・SNS上で「わかりやすく参考になる」とご好評の声多数。
「言い訳せずに下手でも自分の弱さを認め、背かず自省して学ぶ意識を忘れない(=謙虚な)人」は、年齢・性別問わず好きなタイプ。

最新記事

2025.02.15
【イラスト】ガチ恋ハーミーズ【アズールレーン】

2025.01.28
【イラスト】人質やめちゃうぞ♡【ソニック】

2025.01.25
【サンプル】ファンシーのファンシーなところ【アズールレーン】

2025.01.19
【限定記事サンプル】ブロマガイラスト・設定画作成など【オリジナル】

2025.01.05
【レビュー】ソニック×シャドウ Tokyo Missionの評価・元ネタ解説【Sonic Movie 3】

2025.01.02
【イラスト】ウザ絡みふれちゃん【オリジナル】

2024.12.31
【イラスト】くすぐりチャレンジ【オリジナル】

2024.12.29
【限定記事サンプル】くすぐりチャレンジメイキング【オリジナル】
人気記事

2025.01.25
【サンプル】ファンシーのファンシーなところ【アズールレーン】

2023.10.03
【徹底解説】追加DLC『超・完全決戦』のクリア感想と攻略について【ソニックフロンティア】

2023.06.20
【イラスト】ナッコーズとKnuckles Ratesの元ネタ解説 【ソニころ】

2022.04.10
【解説】ネット広告が不快で気持ち悪い原因と、広告除去禁止サイトについて【問題】

2022.06.11
【解説】「人それぞれ」は逃げ・思考停止だと嫌われる原因【考察】

2019.10.12
【徹底解説】日本人のレビューはひどい・低俗で民度低いと言われる要因【コメント問題】

2013.10.21
【実体験】pixivのROM専(見るだけの人)はうざいのか考える【マナー問題】

2019.02.06
【著作権】二次創作をFANBOXやFantiaなどの支援サイトに載せる是非【徹底解説】
ピックアップ

2021.04.04
【サンプル】仰向けディエゴ【アズールレーン】

2012.11.16
【感想】バターズがカートマンと関わるとロクなことにならない【サウスパーク第16シーズン14話】

2019.11.13
【イラスト】アズレンのラクガキまとめ【アズールレーン】

2023.03.25
【限定記事サンプル】おくちウォースパイトのメイキング【艦隊これくしょん】

2023.05.15
【サンプル】鼻キズちゃんにおしおき【オリジナル】

2019.09.04
【イラスト】「だから頭のお団子は食べ物じゃないですってば〜」【ポケットモンスター】

2022.04.10
【解説】ネット広告が不快で気持ち悪い原因と、広告除去禁止サイトについて【問題】

2019.07.24
【レビュー】コロコロアニキ2019年夏号の感想【星のカービィ】