>  > ★ポイント10倍★【■送料無料】 馬具マットプレミアム ドリーム 骨盤矯正 骨盤 座椅子 クッション 骨盤クッション 馬具職人 腰楽マット 馬具座椅子 骨盤 背筋 イス 整体
PICK UP

馬具マットプレミアム クッション 馬具職人 馬具マットプレミアム 骨盤クッション 骨盤 骨盤矯正 馬具座椅子 クッション 座椅子 ★ポイント10倍★【■送料無料】 整体 ドリーム 骨盤 腰楽マット イス 背筋

★ポイント10倍★【■送料無料】 馬具マットプレミアム ドリーム 骨盤矯正 骨盤 座椅子 クッション 骨盤クッション 馬具職人 腰楽マット 馬具座椅子 骨盤 背筋 イス 整体

By  •  5年 前
24

7月
2014

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

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

【1】jpg / jpeg ジェイペグ

デジカメなどで撮った写真を保存すると、特殊な設定をしていない限りはまずこの保存形式になります。
主な特徴として 【正規品・送料無料】ベアミネラル ベアプロ グロー ハイライター フィアース+コフレ3800円、不可逆圧縮形式を採用しています。

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

例えば 【木曜夜×P10倍★1/10】 【送料無料・まとめ買い×10】明色化粧品 モイストラボ BBエッセンスクリーム ナチュラルオークル 33g×10点セット ( 4902468232022 )、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のいいところを両どりした新しめの画像フォーマットです。
現在ではほぼすべてのブラウザが対応しているため、主流となっています。

可逆圧縮形式を採用しており 日本製☆サラヴィオ化粧品・SOU スキンケアセラム 30ml/温泉酵素cosmetics・美容液、画像劣化もなく、またjpeg同様48ビットカラーに対応。
透過画像処理にも対応と ドクター・バランス ハードタイプSS 2個セット、ホームページに最適の形式です。

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

また、

★ポイント10倍★【■送料無料】 馬具マットプレミアム ドリーム 骨盤矯正 骨盤 座椅子 クッション 骨盤クッション 馬具職人 腰楽マット 馬具座椅子 骨盤 背筋 イス 整体

送料無料!!【ビーピー BP バービス】バービス ムーブ SN/GF-5 5W-30 全合成油1L X 6本【1ケース】エンジンオイル【代引不可】【smtb-u】, (リア左右2本)フィット(GK3)(2013/9~)KYBローファースポーツPLUS(リア左右2本), DIXCEL ( ディクセル ) ブレーキパッド【R01 type】ニッサン マーチ / キューブ / ブルーバード SYLPHY / ウィングロード R01-321466, 【イベント開催中!】 ISA アイエスエー リアスプロケット 【ドリブンスプロケット】 丁数:49 GSX-R750 GSX1300R ハヤブサ(隼) TL1000 TL1000R TL1000S, 金属シェード付 XENON キセノン 薄型HIDキット 55W D2R 純正交換 HIDヘッド Z8 プジョー 607 PEUGEOT 簡単接続 LED フォグライト HB4 24W カムリ H16.7~17.12 ACV3.4, 【店舗取付サービス】【21 クラウン アスリート シルクブレイズ】クラウンアスリート 210系 (M/C前) フロントリップスポイラー Type-S メーカー塗装品 カラー:ホワイトパールクリスタルシャイン (062)×ガンメタ (YR562), RSR車高調 Super☆i推奨仕様 トヨタ マークX GRX120 FR/2500 NA 16/11~ _SIT155M, HANKOOK ハンコック Laufenn ラウフェン G Fit EQ LK41 サマータイヤ 225/65R17 MLJ XTREME-J エクストリームJ XJ04 ホイールセット 4本 17インチ 17 X 7 +42 5穴 114.3, 【19インチ】 【4本セット】 【TOYO TIRE トーヨー プロクセスR888R】295/30R19 295/30-19 【期間限定ポイント最大20倍】ナプラ ケアテクト HB スキャルプ シャンプー 1200ml+トリートメント 1200g 計2個 詰替用セット ナプラ ケアテクト シャンプー トリートメント ケアテクト スキャルプ ハリ・コシ ヘアケア サロン専売【送料無料】【】

★ポイント10倍★【■送料無料】 馬具マットプレミアム ドリーム 骨盤矯正 骨盤 座椅子 クッション 骨盤クッション 馬具職人 腰楽マット 馬具座椅子 骨盤 背筋 イス 整体:サルヴァトーレ・フェラガモ Salvatore Ferragamo シニョリーナ エレガンツァ オードパルファム EDP 100mL 【香水】【オードパルファン】 【ラッキーシール対応】美容液 弾力【送料無料】【レイ ブリージング リッチ+クリーム 20g】ボトックス 塗る ハリ 乾燥 たるみ

★ポイント10倍★【■送料無料】 馬具マットプレミアム ドリーム 骨盤矯正 骨盤 座椅子 クッション 骨盤クッション 馬具職人 腰楽マット 馬具座椅子 骨盤 背筋 イス 整体.ORLANE オルラーヌ クレーム ロワイヤル 50ml (高機能ケアクリーム) [16,200円(税込)以上で送料無料][ロッカー受取対象商品] 花王 ビオレU 泡ハンドソープ 業務用 4L(10セット)

【送料無料】【クレイエステ パックEX 1000g(レフィル)】 b0019epj2k シャネル レキャトル オンブル #272 ティセ ディマンシオン 2g CHANEL

、gifは透明か不透明かの2択だったのですが 【バレンチノ】 バレンティノ ウォモ アクア オーデトワレ・スプレータイプ 125ml 【香水・フレグランス:フルボトル:メンズ・男性用】【ヴァレンティノ】【VALENTINO VALENTINO UOMO ACQUA EAU DE TOILETTE SPRAY】、pngは半透明など透明レベルも指定できます。
アニメーション分野以外でgifの上位互換となっています。
ただ、可逆圧縮な分同じ解像度の写真をjpgと比較した場合 、5倍~10倍程度のファイルサイズとなってしまいます。

—-

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

★ポイント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