タグ

imageとtipsに関するpukadaのブックマーク (7)

  • WordPress で画像アップロード時にオリジナルサイズを生成しオリジナルサイズの画像を出力する方法

    WordPress は画像アップロード時に自動的にいくつかのサイズに画像をリサイズして保存してくれます。画像のサイズは管理画面から設定することもできますが、できればここを弄らずに新しい画像サイズを追加したいところです。 add_image_size() を使えば実現できます そういう場合は add_image_size() を使えば実現できます。 編集場所はいつも通り functions.php です。

  • 意外と使える!?Adobe Bridgeでサクサク画像選び!

    大量の画像管理にはBridge いきなりですが、お勧めします。 初めまして、新米のKinoです。 みなさんのアプリケーションフォルダにはきっと収まっているはずなのになかなか陽の目を見ない、このソフト。 僕はたくさんの画像を管理するのに重宝しているんです。 今回は、ちょっと覚えるだけで画像管理にBridgeを使いたくなる機能を紹介しますよ〜 サブフォルダ表示+ラベリングでラクラク画像セレクト! 複数ファイルの細部を同時に確認! 画像セレクトをする人にオススメです それではどうぞ〜 Bridgeってそもそもなんですか? そういえば、知らない人も多いはず。。 BridgeはAdobe社製のマネージメントアプリです。 単体で加工や編集はできませんが、Creative Suitesの全アプリケーションの仲介役として、ファイルの閲覧や管理を行うことができます その性質から単体での販売はしておらず、他ソ

  • 続:PNG画像をより美しく、より軽量に最適化するテクニック | コリス

    上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード:[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し(半透明は削除)、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン

  • PNG画像をより美しく、より軽量に最適化するテクニック | コリス

    先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記:2009/07/27 エントリには続きがあります。 続:PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop(あるいは他の画

  • Office TANAKA - Excel Tips[自動的に画像を切り替える]

    最初に完成例をご覧ください。セルの値によって、表示する画像を自動的に変更します。マクロは使いませんが手順が多いので落ち着いて操作してくださいね。 【手順】 表示の元になる画像を準備する 実際に画像を表示する領域を作る 画像を切り替える仕組み「名前」を定義する 表示領域の式を書き換える 切り替え用のリストを作る 見栄えを整える 表示の元になる画像を準備する まず、切り替えて表示する画像を用意します。ここでは解説のために、クリップアートから2つの画像を挿入しました。 このとき、左の画像はセル範囲B2:C9内に、右の画像はセル範囲E2:F9内に収めるように配置してください。 次に、画像を配置したセル範囲B2:C9に「ワイン」、セル範囲E2:F9に「ビール」という名前を設定します。セル範囲B2:C9を選択して、名前ボックスに「ワイン」と入力してください。同じように、セル範囲E2:F9を選択して名前

  • 画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

    Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に

  • 株式会社ブログウォッチャー

    スマートフォン向け位置情報データサービス。独自開発SDKによりスマートフォンの位置情報データを保有。広告・プッシュ通知・分析などの様々なソリューションを提供。

    株式会社ブログウォッチャー
  • 1