Notes When you upload an image on the WEB

web

There is an upper limit on the size of images that can be uploaded to any site or SNS.。
That said,、Please note that if the image is too small, the eyes may be stretched and displayed.。
5000Full-frame single-lens cameras with megapixels have also come out.、容量の上限を超えてしまう事が多いのです

○通常のWEB投稿では長辺2000px〜3000pxくらいの画像が手頃なサイズでしょう

○JPGやPNGが一般的ですが同じサイズでもPNGの方がファイルサイズが大きくなります

○JPGの場合圧縮が低い方が美しいのですがファイルサイズが大きくなりすぎるので、80%程度の圧縮率が好ましい圧縮率を高くしすぎると圧縮による解像度の低下も見えてきます

○画像には色空間というものがあります印刷用やプリント出力ではより広い色空間のAdobeRGBを使いますがWEBではsRGBにしたものを使います
Adobe RGBの画像をそのまま sRGB色空間が指定されているディスプレイで表示するとくすんで見えたり発色が異なって見えます
(AdobeRGB対応のモニターで見ている人は限られますスマホなどもsRGB表示のものがほとんどなので電子写真集などもsRGB画像を使います。)

プロの場合印刷用が主だったりするのでうっかりsRGBに変換してないものを上げてしまったりもするので注意が必要です
(WEBデザイナーでも色空間の事を知らない人が多いので印刷用のAdobeRGBの画像をそのまま使ってせっかくの写真を台無しにしているWEBサイトも見かけます)

※ 一般的にデジタルカメラは初期設定ではsRGBに設定してあるものがほとんどなので理解できない方は色空間については無視していただいて大丈夫だと思います

Site to become a reference color space
Adobe RGB 広色域ディスプレイ ~ 陥り易い落とし穴
recently、普及価格帯にまで落ちてきたカラーマネジメントを前提とした Adobe RGB 広色域 液晶ディスプレイに対する誤解色空間に関して説明します
JPG、PNG、GIFの違いの参考になるサイト
GIFJPGPNGの違い - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
画像を保存する際にGIFかJPGまたはPNGどの形式で保存するのかというのかウェブデザインを始めた人が最初に迷う疑問の1つですよね正直私もドット絵やイラストならGIF写真やグラデが多い画像であればJPGPNGはサイズ重視で画像の劣