タグ

htmlとphotoshopに関するhmd703のブックマーク (2)

  • あなたの知らないレスポンシブWebデザインカンプ制作で使えるPhotoshopの新機能

    あなたの知らないレスポンシブWebデザインカンプ制作で使えるPhotoshopの新機能:無料でCreative Cloudを使い倒せ(15)(1/2 ページ) レスポンシブなWebレイアウトをコードを書かずに作れるツール「Edge Reflow」とPhotoshopの連携機能の特徴や使いどころを解説する。 前回の「Node.jsで動くGenerator for Photoshopなら画像アセットが楽チン書き出しできる!」では、Generator for Photoshop(以下、Generator)を利用した画像アセット書き出しを紹介した。今回はもう1つのフィーチャーとしてAdobe Edge Reflow CC(以下、Reflow)との連携を紹介しよう。 レスポンシブなWebレイアウトをコードを書かずに作れる「Edge Reflow」とは、 Reflowは、「ディレクター、営業さん必見!

    あなたの知らないレスポンシブWebデザインカンプ制作で使えるPhotoshopの新機能
  • JPEG画像をより美しく、より軽量に最適化するテクニック

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

    hmd703
    hmd703 2010/01/20
    jpg書き出し時のTIPS。やってみる
  • 1