タグ

JPEGに関するedo_m18のブックマーク (6)

  • http://turi2.net/cont/program/ptam.html

  • URAMAYU

    19年ほど、自分の日常やウェブ系のネタやガジェット情報を、面白くさらりと読める、ささやかなエンターテイメントを目指して書いているブログです。2024年初にブログテンプレートが壊れて見づらくなりました。つらい。 こんな写真や、 こんな写真がHDR写真です。 まるでCGみたいな、または妙に写実的な絵画みたいな写真です。 このようなHDR写真がどういう仕組みで出来ているのか、そしてどうやって作成するのか、解説していこうと思います。 HDRとは、High Dynamic Rangeの略で、1枚の画像の中で白トビや黒つぶれを無くして、明るいところと暗いところを同時に階調を残して表現することができる写真の表現技法です。 暗い写真と明るい写真を別々に用意して、いいとこ取りして合成するというものです。 iPhone 4からカメラの標準機能としても備わりましたね。 HDRに向いている写真は以下のようなもの。

    URAMAYU
  • JPEG画像をより美しく、より軽量に最適化するテクニック

    JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため

  • 3キャリア対応サイトを作る際の注意点 (画像フォーマット編) 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    3キャリア対応サイトを作るテーマの今回は3回目です。今回は、各キャリアで発売されている携帯機種で表示できる画像フォーマット(jpegやgif等)についてです。 PCサイトを表示するブラウザでも実は、画像フォーマットの対応状況は異なります。 携帯ブラウザも同じで、各機種によって表示できる画像フォーマットの対応状況が各社・各機種異なりますので、3キャリア対応サイトを作る際には、これらをよく理解しておかなければなりません。 現在汎用性のある画像フォーマットとして挙げられる代表的なものは4つ。「BMP」、「JEPG」、「GIF」、「PNG」です。これらは画像を圧縮保存する際の方式が異なっていますが、どれも画像を扱っているという意味では同じです。 それぞれ特徴があり、写真の内容によって保存時の画像フォーマットが選ばれるのですが、あえてここでは技術的なお話は割愛します。 では、各社の対応状況を見ていき

  • Google、Web高速化を目指し新画像フォーマット「WebP」を発表

    Google、Web高速化を目指し新画像フォーマット「WebP」を発表:JPEGより約40%コンパクト GoogleがJPEGに代わる画像フォーマットとしてVP8技術を応用した「WebP」を発表。Webページの65%を占めるという画像を圧縮することでWeb高速化を促進する狙いだ。 米Googleは9月30日(現地時間)、新たなオープンソースの画像フォーマット「WebP」を発表した。Webに掲載する写真などの画像サイズを大幅に縮小でき、Webサイトの読み込み速度を向上させるという。開発者向けプレビュー版がGoogle codeのサイトからダウンロードできる。 Web高速化を目指す同社は、これまで高速化のためのさまざまなツールを投入してきた。ユーザーのWeb体験を遅くする主な原因はWebを構成する画像の読み込み速度にあると考え、新フォーマットの開発に取り組んだという。Googleによると、画像

    Google、Web高速化を目指し新画像フォーマット「WebP」を発表
    edo_m18
    edo_m18 2010/10/01
    軽くなるなら使いたいよね。あとは対応状況か。やっぱりIEの対応が遅れるんだろうか・・。
  • Fireworksでテキストを綺麗にJPEG形式で書き出す方法 | アルペジオのように

    Fireworksで画像をJPEG形式(JPG形式)で書き出す際に、圧縮率を下げすぎると画質が荒くなってにじんでしまいます。特にテキストが含まれていると文字が読みにくく注意が必要。 ウェブ・クリエイターズを読んで知ったのですが、こういう場合はJPEGマスクを設定して書き出すことで、テキスト部分のみ圧縮率を高く保ったまま書き出すことが可能だそうです。 早速試してみました。 99%で書き出した画像 まず、99%で書き出した画像です。 特に画質は問題ありませんが、容量は164KBあります。 50%まで圧縮した画像 容量を下げるために、50%まで落とした画像(変化をわかりやすくするため極端に落としてます)は次のとおり。 これだと容量は20KBまで減らすことができますが、画質が荒くなってしまいます。テキストもにじんでいる。 JPEGマスクで50%の画像 そこで、テキスト部分にJPEGマスクを設定して

  • 1