>  > ブリッツ BLITZ 【スロットルコントローラー パワスロ Power Thro】 タントカスタム LA600S KF-VET 13/10-
PICK UP

Thro】 ブリッツ BLITZ 【スロットルコントローラー Power ブリッツ BLITZ パワスロ タントカスタム LA600S KF-VET 13/10-

ブリッツ BLITZ 【スロットルコントローラー パワスロ Power Thro】 タントカスタム LA600S KF-VET 13/10-

By  •  5年 前
24

7月
2014

ホームページを制作するうえで欠かせないのが画像加工や画像処理です。
会社ロゴからおすすめ商品のバナー、背景画像やはたまたスライドショーまでホームページにはありとあらゆる画像がちりばめられています。

この画像形式、いろいろ選ぶことができるのですが、それぞれの画像形式はどれを選ぶべきなのでしょうか。
その特徴をおさらいしてみましょう。

【1】jpg / jpeg ジェイペグ

デジカメなどで撮った写真を保存すると、特殊な設定をしていない限りはまずこの保存形式になります。
主な特徴として [F175/R125] プロジェクトミュー(Projectμ) ブレーキパッド BESTOP 前後セット TOYOTA クラウン CROWN 2000 99.9~ GS171、不可逆圧縮形式を採用しています。

そもそも画像ファイルは撮影した画像をそのまま保存するととんでもない容量になってしまうため、一般的にはサイズを圧縮して保存しています。
不可逆圧縮(非可逆圧縮)とは、一方通行の圧縮のことを指します。

例えば 【メーカー在庫あり】 (株)タンガロイ タンガロイ ソリッドエンドミル 超硬 2本入り VEE100L07.0R05A02S06 HD、1000px×1000pxの画像を300px×300pxに縮小してjpgで保存したとします。
その後、300px×300pxの画像を引き伸ばし、1000px×1000pxに戻したとしても元の画像には戻りません。
引き伸ばされた荒い画像が残ってしまうだけです。

ちなみに上記が1/10への圧縮→拡大を3回ほど繰り返した場合の劣化です。
jpgの加工をする場合は、必ず元のファイルをバックアップするようにしましょう。

 

【2】gif ジフ

昔はよく見かけましたが、最近は見ることが少なくなったgif。
jpgと違い可逆圧縮形式のファイル形式です。(引き伸ばし、拡大で劣化しない)また、256色しかサポートされておらず色表現は弱い特徴をもっています。
インターネット黎明期はそのファイルの軽さや、256色(セーフティーカラー)しか表示できないPCが多かったので、gifがよく使われていました。
また、
・透過処理が可能(背景が透ける)
・パラパラ漫画のようなアニメーション表現が可能
という特徴があります。
稀に見る3枚の画像が切り替わるようなバナーはgifが多く使用されています。

現在はアニメーションを除いたほぼすべてがpngに置き換えられているため、あまり使用する機会はないでしょう。

【3】png ピン

pngはjpegとgifのいいところを両どりした新しめの画像フォーマットです。
現在ではほぼすべてのブラウザが対応しているため、主流となっています。

可逆圧縮形式を採用しており 【USA在庫あり】 トレイルテック Trail Tech エレクティカル システム 80W 16年以降 KTM 450SX-F/XC-F 2112-1224 JP店、画像劣化もなく、またjpeg同様48ビットカラーに対応。
透過画像処理にも対応と 17インチRX-8SE3PWEDS ウェッズスポーツ SA-72R ハイパーブラッククリア 7.0Jx17プロクセス CF2 225/50R17、ホームページに最適の形式です。

が、インターネットエクスプローラ6以下では、透過pngをサポートしていないため、透過処理をしたpngを利用すると正しく表示されません。
既にインターネットエクスプローラ6のシェアは1%以下ですのでほとんど意識する必要はありませんが、pngの普及が遅れた大きな理由と考えられています。

また、

ブリッツ BLITZ 【スロットルコントローラー パワスロ Power Thro】 タントカスタム LA600S KF-VET 13/10-

【エアーズロックジャパン】アルファロメオ スパイダー ボンネットダンパー シルバーカーボンタイプ 【適合車種: アルファロメオ スパイダー 2.0/3.0】【適合モデル: V6】【適合年式: 95/6-05/04】, スタッドレスタイヤ ミシュラン ラティチュード エックスアイス XI2 235/65R18 106T & ホライズン ブラック 7.5-18 タイヤホイール4本セット 235/65-18 MICHELIN LATITUDE X-ICE XI2, 【△残1個→3月28日出荷】キタコ ラジエターカバーNSR50 660-1074000 【送料無料・北海道・沖縄除く】, ピーエムシー PMC YSS ツイン リアショック スポーツライン Z362 XJR400 330mm 黒/白 116-4015213 HD店, ●取付サービス付き(塗装等含む)●●エアーズロックジャパン / ARJ●NV350 キャラバン E26 Fコーナースムージングパネル ブリリアントホワイトパール(QAB) YOKOHAMA ヨコハマ アドバン フレバ FLEVA V701 サマータイヤ 215/45R17 MANARAY EuroSpeed ユーロスピード V25 ホイールセット 4本 17インチ 17 X 7 +38 5穴 114.3, 【送料無料】 145/80R13 13インチ BIGWAY ビッグウエイ B-WIN ヴェノーザ9 4J 4.00-13 BRIDGESTONE ブリヂストン ネクストリー(限定) サマータイヤ ホイール4本セット フジコーポレーション, アルテッツァジータ(01.7~05.7)GXE10W 15inch■プロジェクトμ ブレーキパッド D1 spec リア用左右セット, [ホイール1本(単品)] CRIMSON / CLUB LINEA L612 (BK/MC) 20インチ×8.5J PCD:110 穴数:5 インセット:2, ■LED H4 Hi lo■8000lm 3COB■Hi/ Lo■ラシーン H6.12~8.12 B14 ヘッド■ Kuryakyn クリアキン その他灯火類 H-D ツアーパック用LEDスポイラ?

ブリッツ BLITZ 【スロットルコントローラー パワスロ Power Thro】 タントカスタム LA600S KF-VET 13/10-:クラッツィオ シートカバー トヨタ ヴィッツ H29/1~ KSP130 クラッツィオ ジャッカ ET-1057 clazzio クラッチオ カードでポイント最大34倍 3/21(木)20:00~3/26(火)1:59迄 YOKOHAMA ヨコハマ ジオランダー AT A/T G015 サマータイヤ 225/55R18 HotStuff Precious AST M1 プレシャス アスト ホイールセット 4本 18インチ 18 X 7 +48 5穴 114.3

ブリッツ BLITZ 【スロットルコントローラー パワスロ Power Thro】 タントカスタム LA600S KF-VET 13/10-.【USA在庫あり】 ローランドサンズデザイン RSD エアクリーナー Blunt ラジアル 08年-16年 FLH 黒つや消し RD5118 HD店 【送料無料】 DUNLOP ダンロップ ウィンターMAXX 02 195/60R16 16インチ スタッドレスタイヤ ホイール4本セット BIGWAY B-WIN ゼナート 8(ブラックポリッシュ) 6.5J 6.50-16【DU17win】

【送料無料】 225/35R20 20インチ LEHRMEISTER レアマイスター サフレディ(ブラックポリッシュブロンズクリア) 8.5J 8.50-20 NEOLIN ネオリン ネオスポーツ(限定) サマータイヤ ホイール4本セット 【ACパフォーマンスライン】【バイク用】アルミ メッキ T2-TYPE (フロント) ZEPHYR750/RS クリアホース【32171133】

、gifは透明か不透明かの2択だったのですが スタッドレスタイヤ コンチネンタル コンチバイキングコンタクト6 195/60R16 93T XL & レオニス VT PBミラーカット 6.5-16 タイヤホイール4本セット 195/60-16 CONTINENTAL ContiVikingContact 6、pngは半透明など透明レベルも指定できます。
アニメーション分野以外でgifの上位互換となっています。
ただ、可逆圧縮な分同じ解像度の写真をjpgと比較した場合 、5倍~10倍程度のファイルサイズとなってしまいます。

—-

以上の点から、大きめな画像ファイルは容量の観点からjpg、

ブリッツ BLITZ 【スロットルコントローラー パワスロ Power Thro】 タントカスタム LA600S KF-VET 13/10-

、透過を利用したりするケースが多いロゴやバナーはpngを利用するのがセオリーとなります。

新しくホームページなどを作成する際の参考になればと思います。

Written by 中島

Tags

You Might Also Like

5年 前 Surface Pro 3はタブレットを殺すのか
3年 前 【買った武器は装備しないと意味がないぞ】Amazonがドラゴンクエストストアをオープン

Popular Posts

Blog Category

{yahoojp}jpprem01-zenjp40-wl-zd-85922