2017.08.27 2024.10.01

【お役立ち】pixivの丸いプロフィール画像に対応するコツと大きさ【アイコン】

pixiv,アイコン,メタルギア,MGR

2017年当時のpixivプロフィール画像(アイコン)は正方形で表示されていて、MGRのアームストロング上院議員ネタにした画像でした(現在は違うアイコンにしています)。

海外でやたら大人気でトランプ大統領と比較されるよね。

ただきち
【レビュー】メタルギアライジング リベンジェンスのプレイ感想・評価【MGR】
pixiv,アイコン,メタルギア,MGR
※管理画面は2017年当時のものです

しかしpixiv側が大幅なリニューアルに合わせて、昨今のSNSのように、プロフィール画像を正方形から丸いものに変更したんですよね。

なってしまったものはしょうがないので、丸いアイコンへと対応させた手順を載せておきます。

後述するように別のSNSサービスでも活用できるため、丸いプロフィールアイコンをキレイに表示させたい人は、(大したことは書いていませんが)ご参考にしていただけますと幸いです。

正確情報求む

誤りがあればご連絡ください

丸いプロフィールアイコン画像への対応

pixiv,アイコン,メタルギア,MGR
使用ソフトは『Photoshop CS6』です

別に難しくもなんでもなく、正方形のオリジナル画像に同じサイズの円を引き、その円の内側に文字や画像が収まるよう調整するだけです。

変則的な大きさ(長方形など)の場合は正方形にカットして直したほうが思いどおりになるよ。

ただきち

これは重ねるように、ツイッターといったほかのSNSでも応用が利きますので、ぜひ覚えてきたいところです。

Photoshopを使わなくても、レイヤー機能・画像編集機能を備えた、無料版・無料体験で使える画像編集ソフトを使えば、これと同じ操作が可能です。

画像の大きさはどのぐらいがいいのか

背景

絵描き&
Webデザイナーは語る

前提知識として、プロフィールアイコンに使用する画像は、想定しているモノよりも大きめ(可能であれば縦横2倍ほど)のサイズを用意してください。

これは最近のスマホやPCは解像度が非常に高精度になったことで、小さいサイズや等倍の大きさだと画像が解像度と釣り合わずに劣化し、ボケボケの印象になってしまうからです。

サービスによってアイコンサイズは変わりますが、

CHECK!

pixivであれば最低でも500px × 500pxかつ、劣化していない高画質画像。

こちらで使うことをオススメします。

押さえたほうがいいポイントまとめ

背景

どこでも使えるよ

その点も踏まえた総合的なポイントをまとめると、

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

大体上記の点を守っていて、サービス側のシステム上、強制的に画像劣化させられてしまう場合を除けば、アイコンはキレイに表示されると思います。

pixiv,アイコン,メタルギア,MGR

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

pixiv,アイコン,メタルギア,MGR

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

pixiv,アイコン,メタルギア,MGR

円を消して正方形の画像のまま保存し、pixivにアップロードして対応完了です。

最後に:アイコン画像は自分の顔

背景

顔写真をきれいに
撮るようなもの

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

なんなら「自分の分身」と言ってもいい。

ただきち

ボケボケで崩れた画像より、キレイに作られて整った画像のほうが印象はいいですからね。たかがアイコン、されどアイコンです。

寄付・ご支援のお願い

当サイトはみなさまの寄付・ご支援により、広告なしの実現やサイト運営・維持をおこなっています。

記事や作品が気に入りましたら、寄付や支援サイトのご支援をよろしくお願いいたします。

ご支援・寄付のご協力のお願い
ありがとう
ございます

寄付に登録・ログインは不要です。文章を書かなくてもスタンプだけの寄付もできます。

記事の原寸大作品、サンプル黒塗り無しは支援サイトで閲覧できます。

FANBOXは表現規制・規約変更により作品が非公開になる場合があります。

記事・作品が気に入ったら
SNSでシェア・引用

1.シェアについて

赤竹ただきち(以下、当管理者)が運営するウマコセドットコム(以下、当サイト)の内容をシェアする場合、個人サイト・ブログ・サービス・SNSを問わず、URLなどを記載して出典元を明記ください。

明記していただければ、社会通念上の範囲内でご自由にシェアが可能です。

2.記事の参考・引用(転載)

記事の文章表現の流用、抜粋・引用される場合、当管理人までの申告は原則不要です。

文章の引用には法的条件(引用箇所の明示・出典元明記・補足として使用・引用の必然性・内容を改変しない)を満たす必要があり、満たしていない引用はご遠慮願います。詳細は著作権法第32条をご確認ください。

ご自身で独自に記事・動画作成で当サイト記事内容を参考に留め、文章を完全自作されている場合、URL記載は任意です。

要約のための一部改変は、記事の目的・意図を大幅に変えなければ可能とします。

3.作品の引用(転載)

当サイトの作品を引用・転載する場合でも当管理者への申告は不要ですが、URL元の記入、もしくは当管理者名・アカウント名などの記載をお願いいたします。

4.キャラクターの使用

当サイトのオリジナルキャラクターは創作性が高い非営利の個人に限り、イラスト・マンガなどに使用できます。非営利・個人の定義はこちらをご参照ください。

制作費・人件費の範囲内であれば、有償配布や支援サイトの掲載も可能としますが、生成AIで作成した作品で当管理者の作品だと誤認させる、有償行為をするのはご遠慮ください。

5.当管理者の著作権

当管理者が作成した文章・画像・デザイン・オリジナルキャラクターや作品などは原則、ご依頼でも著作権は当管理人に属します。

ただしバーチャルVTuberなど、権利者ご自身のキャラクター、または二次創作元のキャラクターなどの知的財産権につきましては、当管理者ではなく元の権利者に属します。

6.禁止行為

以下の行為が見られた場合は、個別のご連絡や法的処置などといった対応をとらせていただく場合があります。

A.二次利用・加工・改変

当サイトの画像・作品・文章・サイトレイアウトなどの悪意ある二次利用・加工・改変行為や、信用毀損・反社会的など、社会通念上問題のある目的で利用する行為。

B.文章の引用・流用

当サイトの文章を恣意的に切り取った語弊を招く行為や、著作権法第32条の引用条件を満たしていない場合。または当サイトの文章表現を流用しておきながら、引用元としてURLを明記しない、解説記事・動画などの作成行為。

C.不適切な拡散

特定の単語・見出しに反応、記事内容を過度な歪曲・脚色するといった不適切なシェアの禁止(誤った解釈のみならず、〈自他問わず〉風評被害や誹謗中傷につながる恐れがあるため)。

D.誹謗中傷

当サイト・他者・企業などを誹謗中傷する目的での引用。また煽り・マウント行為といった、意見・提起・指摘ではなく、人格・風評を著しくおとしめる行動も含む。

7.著作権

当サイトは著作権の侵害を目的とするものではありません。

スクリーンショットや二次創作元の知的所有権は各権利者・団体に帰属しており、各利用規約を確認した上で掲載しています。

有料二次創作は権利元の創作ガイドライン厳守を努めていますが、問題があれば当サイトのお問い合わせよりご報告ください。

8.トラブル

当サイト記事のシェアなどが要因で発生したトラブルなどについては、一切の責任を負いかねます。あくまでも参考・一意見として扱ってください。

当管理者まで直接ご意見・ご指摘を希望される場合は当サイトのお問い合わせからご連絡いただけますと幸いです。

制定日:2017/2/24
改定日:2024/10/23

シェア・引用の前に「規約・ポリシー」をご一読ください(同意したものとみなします)。

記事を特定の単語・見出しなどで判断したり、記載内容の過度な歪曲・脚色、他者を誹謗中傷・バッシング目的のシェア・引用は固くお断りいたします。

シェア内容が問題・風評被害行為だと判断した際、個別にご連絡を差し上げる場合があります。

社会通念上のモラル・リテラシー・マナーの範囲内であればご連絡することはございません。シェア・引用をしていただきありがとうございます。

プロフィール

赤竹ただきち

赤竹ただきちTadakichi Akatake

【1/23(木)23:05にiCloudメールでお問い合わせされた方へ】そちら様のメールの受信ボックス容量がいっぱいになっているようで、いただいた内容にお返事を送ることができませんでした。

大変恐れ入りますが、メールボックスの容量を整理いただくか、別のメールアドレスを送っていただければ返信を再送いたしますので、よろしくお願い申し上げます。

イラストレーター・マークアップエンジニア(コーダー)・Webデザイナー・ライターのウサギ好き。多様な絵柄を描け、外国人でも絵でわかるマンガ、ウサギと口内描写にこだわりを持つ。

コーディングとWebデザインは両方可能。納期が短いなどいった案件では、「デザインとコーディングのアドリブ同時進行」という荒業もおこない、SEO施策を意識したマークアップも得意。

フリーランスとの進行ディレクション・指示や、面接担当の経験が幾度もあり、プロ・趣味問わず、絵描きを含めたクリエイティブの姿勢には少々シビア。

「自省・リテラシー・正しい批判の認知・意識向上」をライフワークとし、当サイト記事も「気づき・理解・学ぶ」を全体テーマとして執筆。

当サイトの記事は中学生でも理解できるように計算しながら執筆しており、ネット・SNS上で「わかりやすく参考になる」とご好評の声多数。

「言い訳せずに下手でも自分の弱さを認め、背かず自省して学ぶ意識を忘れない(=謙虚な)人」は、年齢・性別問わず好きなタイプ。