ブログに写真を貼りたい・・拡張子(GIF・JPG・PNG)
アメブロの画像フォルダで画像をアップしようとするところに
※gif、jpg、pngのみ、2MB以内
こんな注意書きがあります
アメブロにアップできる画像ファイル形式(画像フォーマット)はgif・jpg(jpeg)・pngの3種類しかありません・・
なんてアメブロって不便なんでしょ・・って~思っていませんか?
実はネット上で一般的に表示できる画像形式(画像フォーマット)は
gif[ジフ]・jpg(jpeg)[ジェイペグ]・png[ピング]の3種類なんです
Windowsの標準?画像形式 bmp ですが・・ほとんどのブラウザで表示できません
注:ブラウザによってはプラグインを使って他の形式の画像を表示できるようになる場合もあります
ウェブ上にアップしてみなさまに見てもらうためにはgif・jpg(jpeg)・pngのどれかで保存する必要があります
GIF
gifは色数が256色までの画像を保存できます
ロゴやアイコンなどベタ色の色数の少ない画像を保存するのに向いています
(グラデーションを表現することは出来ません)
背景を透明にすることも出来アニメーションさせることが出来るのはgifだけです
このブログでゆれているペタボタンなんかがgif画像です
JPG(JPEG)
jpg(jpeg)は1677万色フルカラーで保存が出来ますので写真など色数が多い画像はjpg(jpeg)形式で保存します
色数が少ないベタ画像をjpg(jpeg)で保存すると汚くなることもあります
↑こんな画像を作ってGIFとJPGで保存して拡大してみると↓
JPGで保存すると汚くなるのがわかります
保存するときに圧縮率を変えてファイルサイズを調整できます
背景を透明にすることは出来ません
このブログで記事に貼り付けている画像のほとんどがjpg(jpeg)画像です
jpgとjpegはまったく同じです
昔のパソコンは拡張子が3桁しか使えなかったためにjpgを使っていました
まれにjpeなんて使われる場合もあるようです
一般的にはjpgまたはjpegのどちらかを使います(本当にどちらでもいいです)
PNG
pngはメチャ乱暴な説明するとgif256色からjpgのフルカラーまでなんでもOKって形式です
gifを機能拡張してフルカラーが扱えるようになっています
ただし・・短所もあります
フルカラーの場合jpg(jpeg)で保存するよりファイルサイズが大きくなります
アニメーションが出来ません
また古いブラウザーでは(古いiモード携帯電話でも)表示できない場合もあります
IE6で見たときに透明部分が表現できません
よくアメブロの画像フォルダにアップできませんって聞きますが
保存形式があっていない場合がほとんどです
ペイントで保存する場合・・何も指定しないとbmpで保存されてしまいます
ファイルの種類でJEPGまたはGIFあるいはPNGを選択して保存します
ピクトベアの場合・・何も指定しないとpbxで保存されてしまいます
ファイルの種類でGIFファイルあるいはJPEGファイル(JPGファイル)またはPNGファイルを選択して保存します
それぞれの形式で保存してみてどのようになるかどのくらいのサイズになるのか確かめてみてください
どんな画像ならこんな形式で保存するって理解するようにしてください
まっ・・わたしのように適当でも何とかなっちゃいますが?
ブログに写真を貼りたい・・カラー
パソコン(テレビ)の画面は
RGBともいう赤 (Red)緑 (Green)青 (Blue ) の三つの原色だけで表現しています
このブログでも登場しますがカラーコード・・・
ここで使われている数字は16進数です
アルファベットが入っていますが数字です
16進数は0から15までを 0123456789abcdef と1桁で表示します
0が最小でfが最大(1桁だけで言えば・・)
#000000 は黒を表すカラーコードです #0(R)0(R)0(G)0(G)0(B)0(B)
最初の2桁赤 (Red)が00で次の2桁緑 (Green)も00最後の2桁青 (Blue ) も00
00は16進数で0×0・・簡単に言えば0 なにもない
赤も緑も青も全部ない・・全部消す・・光がないから黒に見えるわけです
#ffffffは白です
赤がff 緑がff 青もff ffは16進数で最高のf×f で簡単に言えば最大・・
赤も最大に光って緑も最大に光って青も最大に光って・・
全部が最大に光ると・・合わさって白く見えます・・だから白!
#ff0000 赤が最大に光って緑と青が0で光らないからこれは赤・・・
#ff00ff 赤と青が最大に光って緑が消えていれば・・・ピンク
簡単に説明するとこんな感じ・・・
赤緑青それぞれをどの程度光らすかでいろんな色を表現しています
赤だけでも00からffまで16×16で256色(階調)表現できます
緑も同じく256色(階調)で 青も当然256色(階調)・・
3色合わせれば256×256×256で・・16777216色
これがフルカラー(1677万色)といわれるものです
カラーコードについては 色 color この記事でも説明しています
で~・・・
アメブロにアップできる画像の横幅は800px
もし800px×500pxの画像があったとしたら・・
これはディスプレイ上で横に800個(列)縦に500個(列)の点が並ぶことです
1pxがディスプレイで表現できる最小単位の画素です
(RGBの3点をまとめて1画素・・1px)
この場合・・800×500で400000個の点の集まりということになります
全部に違う色を置いたとしても・・・40万色・・
1677万色のフルカラーのうちほんの1部しか使うことが出来ません・・
なにが言いたいのかって~と・・
ブログに使う写真にそんなにいい写真を使う必要はないって~ことです???
例えば色数だけで言えば↓下の写真を見比べてください
この写真は 68624色使われています
この画像は256色しか使われていません・・
(わかりやすくgif画像にしていますので容量は逆に増えてしまっていますが・・)
6万8千色使った写真も256色しか使っていない写真も・・
ブログに貼るだけでしたら・・
たいした違いはないって事です
高額なカメラを使って大きな画質で最高の写真を撮っても・・・
ブログで使うだけでしたら古い安物のカメラで撮った写真もほとんどかわらないです
あまり高画質な写真を使うということは
1枚あたり2Mというアメブロにアップできる制限に引っかかりブログに使うことは出来ません
アメブロにだまされて??1枚当たり5Mまでアップできるようにしたとしても・・
Amebaプレミアムで楽しみを広げよう!
画像容量アップコース
機能1:1枚あたりの画像アップロード容量 2MB⇒5MB
機能2:画像フォルダの総容量を5GBにアップグレード
機能3:メッセージ保護機能
自動で横幅800pxに縮小されたり・・
前の記事でも書いていますが情報が削除されたりで当然劣化します
ましてブログに表示すれば安物のカメラで適当に撮った写真と見分けが付けられないってことです
もっともブログの記事に1枚当たり5Mの写真を貼られちゃったら・・
読み込むのに時間がかかりパソコンでもストレスを感じることでしょう
携帯なんか記事を見るのをあきらめちゃうのではないでしょうか?
決して高性能なカメラを否定しているわけではありません
プリントしないのであれば・・・ブログに貼り付けるだけでしたら・・
高機能を発揮できないってだけです
このブログではほとんど毎回画像を使って3年以上やってきていますが・・
まだ・・制限の1割にも達していません
で・・本題です
ブログに使う写真の容量を減らして画像フォルダーを節約する方法を説明していきます
それが終わってからブログに画像を貼り付ける方法を記事にします
・・・・つづく?えっ? つかれちゃったから続きにしちゃいます
Exif情報といいカラーコードといい・・
素直にブログに写真を貼り付ける方法を記事にすればいいのでしょうが・・・
こんな調子でまだ続きそうです・・・あるいは続かないかも? m(_ _)m
ブログに写真を貼りたい・・Exif情報
この記事はアメブロでは関係ありませんm(_ _)m
ブログに写真を貼り付けるとき・・・・
Exif情報の危険性って知っていますか?
デジカメで写真をとっるときに写真にいろんな情報も書き込まれるって知っていますか?
↓これは640×480のデジカメで撮影した写真のサムネイルです
この写真のオリジナル写真・・
http://stat.ameba.jp/user_images/20110424/13/exlink/b4/e5/j/o0640048011184463799.jpg
ここにはいろいろな情報が入っているってご存知ですか?(↑ここはアメブロなので入っていません)
※アメブロでは画像フォルダーにアップしたときにExif情報は削除されます
ただ・・Exif情報が削除されれば画像ファイルサイズは小さくなるはずなんですが・・
大きくなっちゃう場合もある・・
わたしは画像劣化を経験したことがありませんのでわかりませんが・・
ここらへんがアメブロにアップすると画質がおかしくなるって~理由なのか?
デジカメで撮影するときに画像にいろいろな情報が埋め込まれます
ソフトを使えばそれらを見ることも可能です
↓サムネイルもExif情報のうちです・・・
↑こんな情報が入っているってビックリですよね・・・
ここでは撮影したカメラに日付設定をしてありませんので撮影日時はわかりませんが・・
うっかりそのまま写真をアップすることで
いつどこに行ったなんてプライバシー情報が漏れることがあります
携帯電話のカメラで撮影するとGPS情報が埋め込まれる場合もあるそうです
縮小とかトリミングとか加工をすればそれらの情報は消えるはずです・・?
注意:画像編集ソフトによっては加工前の状態を保持したままの場合もあるようです
モザイクしても情報バレバレなんてケースも・・・
↓JTrimで縮小加工したこちらには情報は残っていません
↑サムネイルもExif情報も残っていません・・・
タレントさんを含む何人かのブログに貼り付けられている写真をチェックしたところ
アメブロの場合は携帯から記事と共にアップした場合でもExif情報は削除されるようです
(が・・ 携帯の機種がわかっちゃう場合はあります・・・)
最後にもう一度・・ この記事はアメブロでは関係ありません
ただ・・写真を別サーバーにおいてアメブロに貼り付けている場合は注意が必要です
JTrim (ジェイトリム)は初心者にも簡単に操作が出来る無料のフォトレタッチソフトです
Exif 【Exchangeable Image File Format】
1994年に富士フィルムが開発したデジタルカメラ用の画像ファイルの規格
記録されるメタデータ
撮影日時
撮影機器メーカー名
撮影機器モデル名
画像全体の解像度
水平・垂直方向の単位あたり解像度
撮影方向
シャッタースピード
絞り(F値)
ISO感度
測光モード
フラッシュの有無
露光補正ステップ値
焦点距離
色空間(カラースペース)
GPS情報 - GPS付きカメラの場合、緯度・経度・標高など
--ウィキペディアより--