>  > 206 ※7注意 1.6 XS/XT Premium etc T16 99/5~01/01 フロント用 ES エクストラスピード ES-2111610 ディクセル
PICK UP

※7注意 206 1.6 etc ES-2111610 Premium ES XS/XT 99/5~01/01 ディクセル フロント用 エクストラスピード T16 ※7注意 206

206 ※7注意 1.6 XS/XT Premium etc T16 99/5~01/01 フロント用 ES エクストラスピード ES-2111610 ディクセル

By  •  5年 前
24

7月
2014

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

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

【1】jpg / jpeg ジェイペグ

デジカメなどで撮った写真を保存すると、特殊な設定をしていない限りはまずこの保存形式になります。
主な特徴として フジツボ スズキ スピアーノ NA 2WD HF21S H14.02~H19.05 Legalis K レガリスK マフラー FUJITSUBO 450-80613 スピアーノ NA フジツボ マフラー、不可逆圧縮形式を採用しています。

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

例えば [NST5180R・L / NSF1031] KYB NEW SR SPECIAL ショック 1台分セット ワゴン R MC12S 2000/11~、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のいいところを両どりした新しめの画像フォーマットです。
現在ではほぼすべてのブラウザが対応しているため、主流となっています。

可逆圧縮形式を採用しており 【エントリーでポイント5倍】195/55R16 87V DUNLOP ダンロップ LE MANS 5 LM5 ルマンV(ファイブ) ルマン5 FINALSPEED GR-Volt ファイナルスピード GRボルト サマータイヤホイール4本セット、画像劣化もなく、またjpeg同様48ビットカラーに対応。
透過画像処理にも対応と フィールダー モノコックバー 140系 リヤモノコックバー カワイワークス (TY1290-MOR-00、ホームページに最適の形式です。

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

また、

206 ※7注意 1.6 XS/XT Premium etc T16 99/5~01/01 フロント用 ES エクストラスピード ES-2111610 ディクセル 購入する歓へようこそ。

【メーカー在庫あり】 大昭和精機(株) BIG ミーリングチャック BT50-HMC42-105 HD;【ピーズサプライ】【マフラー】【バイク用】スタイナー DトラッカーX ダウンアップ ステンレスサイレンサー PS SUPPLY STYNER【201220503】通常納期約2週間【送料無料!】;【ギルズツーリング】 可変ステップ BLK/BLK MT-09 14-16/XSR900 16 【RCT10GT-Y04-B】

206 ※7注意 1.6 XS/XT Premium etc T16 99/5~01/01 フロント用 ES エクストラスピード ES-2111610 ディクセル;Reelex 三角コーン用表示板 BIGバリアボード (1個) 品番:BBD-900B;カードでポイント最大34倍 3/21(木)20:00~3/26(火)1:59迄 ブリヂストン ブリザック VRX 2018年製 スタッドレス スタッドレスタイヤ 〇 205/60R16 KYOHO 共豊 スマック プライム バサルト SMACK BASALT ホイールセット 4本 16インチ 16 X 6.5 +53 5穴 114.3;LSD 684 KT2 CUSCO LSD type MZ Spec-F リア 2way(1.5&2way) Spec-F スバル フォレスター SH9 2010.10~2012.11 EJ25 2500T 4WD;14インチ サマータイヤ セット【適応車種:ekクラッシー(H81W)】MONZA JAPAN JPスタイル ヴォーゲル ブラックメタリックポリッシュ 4.5Jx14エナセーブ EC202L 165/55R14

Bellezza ベレッツァ セレクションシートカバー アルファード GGH20W / GGH25W (品番:341), 【送料無料】 フロントブレーキローター トヨタ キャミ 型式J122E用 ピットワーク AY840-DA007 2枚セット PITWORK フロント用 PARUT ブレーキローター ディスクローター ブレーキディスク ディスクブレーキ ブレーキローターディスク 43512-87402 相当, ステンレス/生地 エアー抜きキャップボルト (全ねじ)M4 × 35 【 小箱 : 1箱/100本入り 】, MV AGUSTA F4 2000-2019 [ LUIMOTO ] タンデムシートカバー (Team Italia Suede 7021204), 【SSR】 EXECUTOR EX05 (エグゼキューター EX05) 19インチ 10.0J PCD:120 穴数:5 inset:-21 フラットチタン [ホイール1本単位] [H] [ESPELIR] エスペリア スーパーダウンサス 1台分セット ヴェルファイアハイブリッド ATH20W H23/11~26/12 2AZ-FXE 4WD 7人乗 ※代引不可 ※離島は送料別途

、gifは透明か不透明かの2択だったのですが ミシュラン PILOT SPORT4 サマータイヤ 215/55R17 ブリヂストン ECOFORM エコフォルム CRS12 ホイールセット 4本 17インチ 17 X 7 +38 5穴 114.3、pngは半透明など透明レベルも指定できます。
アニメーション分野以外でgifの上位互換となっています。
ただ、可逆圧縮な分同じ解像度の写真をjpgと比較した場合 、5倍~10倍程度のファイルサイズとなってしまいます。

—-

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

206 ※7注意 1.6 XS/XT Premium etc T16 99/5~01/01 フロント用 ES エクストラスピード ES-2111610 ディクセル

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

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

Written by 中島

Tags

You Might Also Like

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

Popular Posts

Blog Category

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