「やじうまの杜」では、ニュース・レビューにこだわらない幅広い話題をお伝えします。 ちょっと難しいので解説はいらない、手っ取り早くどんなファイルなのかだけを確かめてみたいという方は、「demo.png.zip.html」をダウンロードし、適当なWebブラウザー ...

さらに、以下の形式でエクスポート可能です。 CSS：変数形式でそのままコピペ可能 HTML：パレット確認用のシンプルなマークアップ PNG：SNS投稿や資料用の画像として保存 すべて 無料 で利用できます。 surfaceのみロックした状態 ...

本エントリには続きがあります。 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のない ...

背景、GeminiCanvasの保存に困っている人へ。 Geminiのキャンバス機能は非常に優秀で秀逸な機能です。 が、出来上がったHTMLをどうやって保存するのか。どうやって配布するのか。 そこがちょっとGeminiに足りないところじゃないでしょうか。 今回そのGeminiに ...

先日、紹介した「PNG画像の最適化テクニック」の第二弾をSmashingMagazineから紹介します。 あなたは既にPNGフォーマットの画像に精通しているかもしれません。PNGはGIFに代わる劣化のないフォーマットとして非常に優れたものです。ここでは、先日の「PNG画像 ...

「TweakPNG」は、指定したPNGファイルを解析してフォーマットに関する詳細な情報を取得・編集できるツール。Windows 2000以降に対応するフリーソフトで、作者のWebサイトからダウンロードできる。 PNG形式のファイルは、“チャンク（Chunk）”と呼ばれる複数の ...

おなじみの拡張子が進化しました。 日々何気なく使っているファイル。そこに隠れている拡張子を皆さんは意識していますか？ 実は画像ファイルでおなじみの｢PNG（Portable Network Graphics） ｣がバージョンアップを果たしました。今回のバージョンアップで ...

HTMLソースの中に画像を直接埋め込んで表示する方法を解説。HTMLはテキストデータですから、そのままではバイナリデータである画像を含められません。しかし、Base64という方法で画像をエンコード(＝テキストデータに変換)すれば、画像をHTMLソースの中に ...

人間がデジタル技術を開発して以来、開発され続けてきた画像の保存形式。 開発過程には、それこそ色々な種類がありました。 しかし、現代のブラウザや、一般的な利用者のニーズに合わせて、現在ではJPG、 PNG、 GIFが3強です。 もちろん、それぞれ長所と ...