Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
![画像圧縮サイト/TinyPNG](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a49363b1ad15c3013d15b33f9c69b250b96d773/height=288;version=1;width=512/https%3A%2F%2Ftinypng.com%2Fimages%2Fsocial%2Fwebsite.jpg)
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
こんにちは。ミドルウェア開発チームのよやです。 今回は、ImageMagick についてお話します。 http://www.imagemagick.org/ ImageMagick は高機能で大変便利な画像処理ツールです。弊社でも利用させて頂いていますが、稀に実サービスにそのまま適用出来ないケースがあります。 そこで、困った時に ImageMagick 自体を改造する際のポイントと、実際の応用例をご紹介します。 ImageMagick のプログラム構造 ImageMagick のプログラムは主に以下のディレクトリに分かれます。(Magick+ ディレクトリ等幾つかは割愛します) utilities/<コマンド名>.c コマンドラインツールの起点(main 関数) wand/〜.c (コマンド共通処理とコマンド毎の処理、Wand API) magick/〜.c (機能モジュール、ユーティリテ
以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で パフォーマンスアップについて記事を書きました。 今回はその記事や色々参照した本・セミナーを元に実際に改善をおこなって、 どれだけ高速化したかデータ上で確認し、まとめてみました。 できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、 しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は ぜひ試してみてください。簡単作業でパフォーマンスアップできます。 CSSのコードを短縮して書こう え?こんなこと?と思うかもしれないですが、 どんどんコードを書いていくうちに肥大していくものです。 もう一度見直してコードを軽くしていきましょう。 今回コードの見直しのために使用したサイトはclean CSSです。 clean CSSを参考にカラーコードの短縮、 不必要な
IE7がPNG画像に対応しましたが、まだまだIE6ユーザーも多いため、実際のところまだしばらくPNG画像は使えないのが現状です。 色々なところでPNGをIE6に対応させるスクリプトが配布されていますが、ブロックレベルに内包されているaタグのリンクが機能しなくなる、img直置きに対応していないなど、弱点がいくつかあるのが現状です。 何とかできないものかと、先日会社のプログラマーの方と試行錯誤してみたところ、意外とあっさり完全に対応させることに成功いたしました。 これでデザインの幅が大幅に広がった今日この頃です。 手順1 まず、以下のサイトよりiepngfix.jsをダウンロードしてください。 透過PNGとIEとIE7 ソースの<head>~</head> に以下のソースを記述し、スクリプトを読み込みます <script src="xxx/iepngfix.js" type="“text/Ja
ここでは、ちょっと役立つJavascriptをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 006 IE6でpngファイルをキレイに表示させる 最近のブラウザでは普通に対応している透過pngファイルの表示ですが、InternetExplorer6では対応していません。でも、最近のデザインではpngも使いたいし・・・という方にオススメのjsがあります。 >> Unit PNG Fix こちらのサイトでダウンロードできるファイルに「unitpngfix.js」というjsがありますので、外部読み込みで各ページにリンクさせればOKです。また、「clear.gif」という画像ファイルも必要ですのでアップしましょう。 ::::: HTML表記 ::::: ◎ヘッダー内に記入します。パスを間違えないように。 <script
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers YSlow, Stoyan Stefanov氏によればWebページに採用する画像の種類は写真データにはJPEGを採用し、それ以外にはPNG8にするのが妥当だとされている。しかしPNG8に透過データを含める場合には注意が必要だ。Net Applicationsの報告によれば2008年11月現在でIE6のシェアは22%弱はある。純減を続けているとはいえ、それでもなお第2シェアのFirefoxの合計シェア21%弱よりも多い。このIE6はPNG8の透過情報をうまく扱えない。 IE6で透過データを含んだPNG8を表示すると、GIFと同じように透過かそうでないかまで透過表現が低下してしまう。このため透過情報を含んだPNG8をIE6で表示する場合には何らかの追
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く