PNG配布ファイルにある説明があまりに冗長で的を得ないので、なんとかまとめて書き出しました。 ほとんど libpng.txt からの流用なんですが、正直 libpng.txt を真っ向から読むのはだるいので、 とりあえず下記の文を読んで予備知識を積んでからlibpng.txtを読むといいんじゃないかな~と思います。
PNG配布ファイルにある説明があまりに冗長で的を得ないので、なんとかまとめて書き出しました。 ほとんど libpng.txt からの流用なんですが、正直 libpng.txt を真っ向から読むのはだるいので、 とりあえず下記の文を読んで予備知識を積んでからlibpng.txtを読むといいんじゃないかな~と思います。
限られた色数で温かみのあるイラストを表現するドット絵。そのドット絵をうっかりJPG形式でTwitterに投稿すると、せっかくの色味が損なわれてしまうという「ドット絵職人あるある」を表現した投稿が話題になっています。 ジブリ作品「耳をすませば」のワンシーンをドット絵で再現した銀親(@ginoyahutaushi)さん。投稿時に「雫、そのドット絵ってのは、JPGで保存してはいけないほど繊細なのかい?」という作中セリフのパロディ文を添えて、一見同じのドット絵画像を投稿しました。投稿された画像は2枚。 その2枚を見比べてみると、1枚目の画像はきれいな発色なのに対し、2枚目は画質が劣化していてところどころ色がくすんで見え、せっかくのドット絵が魅力半減となっています。これこそがドッター殺しとなる、「JPG投稿」という罠。 こちらがきれいなほう 画像が荒くなっている方。拡大するとよく分かる あまり知られ
Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
2014年10月09日03:43 カテゴリ 「東方粉飾劇」を電子書籍で無料公開しました スマホ/タブレット向けepub形式(24.4MB) [FireStorage(登録不要)] http://firestorage.jp/download/3682c9151c5b8b7fa46e47044686988611a1061e PC向けPNGファイルZip/中画質(38.1MB) [FireStorage(登録不要)] http://firestorage.jp/download/a6bfbfbcf32ffea879c1af6a02a74e3ef3546fe3 PC向けPNGファイルZip/超高画質(94.7MB) [FireStorage(登録不要)] http://firestorage.jp/download/67345923eaad49299c02c31c2f29fb6cbfa5dd20
一、前書きはきちんと 2014年も終わりに近づき冬シーズンのアニメも佳境を迎えるなか、いよいよクリスマスがやってきます。絶望的な戦いに臨む讃州中学勇者部のみなさんにもクリスマス気分を味わってもらいたいですね。というわけで、勇者部のみなさんにサンタ帽をかぶってもらおうと思います。 一、なるべく手動にしない サンタ帽を写真にかぶせるだけならGIMPなりPhotoshopなりを使えば簡単にできるわけですが、21世紀を生きる人間がいつまでも手動に頼るわけにはいきません。なるべく自動化したいものです。幸いなことにアニメ顔の顔認識は簡単にできるので自動でサンタ帽をかぶらせてあげるプログラムを書くことができそうです。ではやってみましょう 一、よくググって、よく見つける サンタ帽のフリー素材はいくつかあったので、サンタクロースの帽子の無料イラストから使います。帽子をかぶらせる素材は顔がすべて認識できるとい
border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという印象。プログレッシブエンハンスメントを適用してうまく見せるのは結構難しそうだなー、という感触。 とはいえせっかく調査したので備忘録。 border-image を使ったサンプル 仕様 border-image-source none(初期値)/ url(画像パス) border-image-slice 100%(初期値)/ 数値 / ○○% / 数値 fill / ○○% fill border-image-width 1(初期値)/ ○○px / ○○% / auto border-image-outset 0(初期値)/ 数値? px? border-image-repeat stretch(初期値)/ repeat / rou
Another exciting new border feature of CSS3 is the property border-image. With this feature you can define an image to be used instead of the normal border of an element. This feature is actually split up into a couple of properties: border-image and border-corner-image. These two values are shorthands for: border-image: border-top-image border-right-image border-bottom-image border-left-image bor
mod_ezweb_downloadモジュールに絡んで、携帯端末むけの著作権保護機能(?)について遊んでました。というわけでPNG,GIF,JPEGにコメントを埋め込む場合についての簡単なメモとテスト実装。 これらの情報は遊びで調べて実装した物なので、著しく正確さを書いている可能性があります。また画像のpixelサイズの参照や操作、といった話題は含まれませんので注意。 それにしてもKDDIの"kddi_copyright=on"で転載(?)を抑制する、というまるで著作権のあるコンテンツは一切転載不許可 by KDDIと語っているようなネーミングセンスがスゴいな。あ、いやべつに私はKDDIが嫌いとかそーいうわけじゃないですよ。はい。 PNGのファイルは、1つのシグネチャと、複数のチャンクが並ぶ構造です。 SIGNATURE(8 byte); CHUNK(12 + data byte) x n
PNGファイルが偽装されていたり壊れていない事が前提。 <?php function png_info($bin) { return unpack('Nwidth/Nheight/Cbit/Ccolor/Ccompress/Cfilter/Cinterlace', substr($bin, 16, 13)); } var_dump(png_info(file_get_contents('hoge.png'))); 結果 array(7) { ["width"]=> int(7) ["height"]=> int(4) ["bit"]=> int(8) ["color"]=> int(2) ["compress"]=> int(0) ["filter"]=> int(0) ["interlace"]=> int(0) }画像の幅や高さ、カラータイプ、圧縮方式、インターレースかどうかなどの情報
このサイトではPNG画像をあちこちで使ってます。 まあ、一番よく使ってるのはJpegですが。 プログラムを組むときも、この二つはよく使われますね。 なんせどちらも無料、かつ使い勝手のいいライブラリ (libpng、libjpeg) が用意されてますし。 てなわけで、普通はPNG画像を自分のプログラムに組み込みたいなら libpng を使えばいいんですが、ちょいと思い立って自力で組んでみることにしました。 D言語ならコードを劇的に減らせますし、MMX化したきゃインラインアセンブラも付いてます。慎重に組めば若干の高速化も期待できるかも。 なによりファイルフォーマットを理解するのは、けっしてマイナスにはなりません。 機能を必要最小限にとどめておけば、たった1,000行程度のコードでPNG画像を読むことが可能ですぞえ。 もっとも実際にネットで配布するようなソフトウェアには安全なライブラリを使った方
Android SDKにはNinePatchを簡単につくるツール「draw9patch」が付属しています。9patchはビットマップイメージを高品位に拡大するためのフォーマットです。縮小には対応していませんが、1つの画像でいくつものサイズに対応できるため、効率的にアプリケーションサイズを圧縮できます。 右の画像ではTextViewの背景画像に9patchを適応したpngイメージを指定しています。2つのTextViewは改行の都合でアスペクト比が異なっていますが、9patchを使うことで背景画像のゆがみを抑制できています。 9patchまとめ リソースを節約しつつ高品位な背景が作れる 命名規則は画像のフォーマットに併せて最後尾に.9を付与(.9.pngなど) 画像の左と上の端1pxは拡大範囲を表す 画像の右と下の端1pxはコンテンツの範囲を表す(オプション) 以下は9patchの適用例(画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く