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

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

pixiv,アイコン,メタルギア,MGR
※管理画面は2017年当時のものです

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

pixivはほかのSNSと違い、文字つきのネタ系プロフィールアイコン画像と親和性が非常に高く、一線を画していましたが、なってしまったものはしょうがないので、丸いアイコンへと対応させた手順を載せておきます。

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

正確な情報を求む 情報に誤りがあればご連絡ください

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

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

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

変則的な大きさ(長方形など)の場合は正方形にカットして直したほうが思いどおりになりますし、これは重ねるように、ツイッターといったほかのSNSでも応用が利きますので、ぜひ覚えてきたいところです。

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

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

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

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

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

サービスによってアイコンサイズは変わりますが、pixivであれば最低でも500px × 500pxかつ、劣化していない高画質画像を使うことをオススメします。

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

どこでも使えるよ

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

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

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

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

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

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

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

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

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

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

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

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

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

当サイトはみなさまのご支援で、広告なしの実現やコンテンツ維持を行っています。当サイトの情報がお役に立てたり、気に入った作品がもしございましたら、支援のご一考・ご協力のほど、お願いいたします。

https://umakose.com/fanfic/170827-1/

クリック・タップで記事URLをコピーできます

プライバシーポリシー
個人情報保護

当サイトや赤竹ただきち(以下、当管理者)宛に送られたメールの内容や差出人、アクセス解析で得た個人情報などは、差出人・閲覧者当人の承諾がない限り、当サイト内やほかのサービスで公開することはいたしません。

絵や記事のシェア

当サイトの絵や記事をシェアされる場合、個人サイト・ブログ・サービス・SNSなどを問わず、URLなどを記載して、出典元を明記ください。明記していただければ、ご自由にシェアしていただいて構いません。

ただし、記事の場合は下記の『禁止行為』のとおり、記事を読まない、特定のワードに反応したようなシェア行為はお断りいたします。

記事の引用(転載)ルール

記事内の文章を引用(転載)される場合、URL元を明記した上で引用要素(blockquote)内に記載してください。掲示板やSNSの場合は、文頭に「>」などをつけ、オリジナルコンテンツ(コピーコンテンツ)ではないことを明確にしてください。

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

メールの内容・取り扱い

メールはご意見・ご指摘・ご感想・営業メールのみ受けつけますので、あらかじめご了承ください(当サイトを利用した宣伝・委託行為はお断りいたします)。

下記の『禁止行為』のとおり、メール内容に当管理者や他者へのヘイト行為といった、誹謗中傷が見られた場合、返信を控えさせていただくほか、悪質と判断した場合は法的処置をとる場合があります。

禁止行為

以下の行為が見られた場合は、法的処置などといったしかるべき対応をとらせていただく場合があります。

二次利用・加工・改変行為の禁止】本サイト内の画像・イラスト・文章・ブログレイアウトデザインなどの悪意ある二次利用・加工・改変行為や、信用毀損・反社会的・社会通念上問題のある目的での利用。

二次利用・加工・改変行為の例外】シェアや引用(転載)のルール遵守など、社会通念上問題がないケースや、または要約のための文章改変・紹介や参考、プレビュー画像としてのスクリーンショット撮影・トリミング(切り取り)しただけの場合は例外として扱う。

安易な拡散行為の禁止】特定のキーワードや単語に反応し、記事を読まないままの安易な拡散行為の禁止(誤った解釈のみならず、〈自他問わず〉いわれなき風評被害や誹謗中傷につながる恐れがあるため)。

誹謗中傷行為の禁止】当サイト・他者・企業などを誹謗中傷する目的での引用行為。また、当管理者あてのメールやSNSのメッセージ・コメントなどにおいても、意見・指摘ではなく誹謗中傷目的のもの。当管理者や他者の人格・風評を著しくおとしめる行為。

著作権

当サイトは著作権の侵害を目的とするものではありません。スクリーンショットや二次創作物の知的所有権はそれぞれの著作者・団体に帰属しており、各利用規約を確認した上で掲載しています。

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

オリジナル作品や当サイトのレイアウトデザイン・掲載文章の著作物は当管理者が有しており、『禁止行為』のとおり、シェア・引用(転載)のルールが守られていないもの、悪意ある二次利用・改変行為を禁止します。

トラブル

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

また、直接ご意見・ご指摘を希望される場合は、当サイトのお問い合わせからご連絡願います。

リンクについて

当サイトはリンクフリーですが、バナー画像以外の画像直リンク行為や、インラインフレーム表示は固くお断りいたします。

制定日:2017/2/24
改定日:2021/11/07

シェア・引用をされる前にご一読ください(内容に同意したものとみなします)

ENTRIES

記事一覧

RANKINGS

PICK UPS

  • ¥0〜R-12
  • ¥200〜R-15
  • ¥400〜R-15+
  • ¥1,000限定記事

*各支援サイトの内容はほとんど同一です。重複支援にご注意ください。期間限定公開絵はFanboxでは有料アーカイブ化、FANBOXでは掲載期間終了後に削除いたします。

*ご依頼・リクエストには会員登録(無料)が必要です。

詳しくはこちら