タグ

PNGに関するaoiasabaのブックマーク (5)

  • JavaScript を PNG に圧縮する | Yomotsu net

    JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮(ロスレス)形式の画像です。圧縮しても失われるデータはありません。

    JavaScript を PNG に圧縮する | Yomotsu net
    aoiasaba
    aoiasaba 2015/05/11
    ????!!!!!
  • png画像をイラストレーターに配置すると背景に白が入ってしまい透過されない場合の対処方法

    png画像が背景透過されてない png画像をイラストレーターに配置すると何故か背景に白バックが入って透過されていないことがあります。 しかし、普通に画像を開くと透過されているので、イラストレーターに配置した場合のみ透過がリセットされてしまう。大変困るので対処方法をご紹介。 png画像の画像モードはインデックスじゃないですか? 画像には色々とモードがあり、有名なところで「RGBカラー」「CMYKカラー」などあります。これらの他に「インデックス」というモードあるのですが、今回の問題はこの設定にあります。 インデックカラーになっていたらRGBカラーに変更して上書き保存して下さい。 RGBカラーに変更して保存が完了しましたら、イラストレーターにpng画像を配置しても正常に透過されていると思います。 もし、png画像が背景透過されていない、イラストレーターに配置した時だけ背景透過されない場合は、ぜひ

    png画像をイラストレーターに配置すると背景に白が入ってしまい透過されない場合の対処方法
    aoiasaba
    aoiasaba 2015/02/10
    知らなかった…べんきょになりますた
  • Flashにおける透過PNGの重ね上限について | 株式会社アジンコート

    WebデザインWeb制作、ホームページ制作、動画・コンテンツ制作の株式会社アジンコートです。東京・新宿御苑前。 暑くなったり寒くなったりで体調崩し気味なスタッフYIです。 3年前くらいにFlashに書いたイラストに 透過PNGで味付けを行うという案件を制作していた際に、 「透過PNGを複数枚重ねると、表示されなくなってしまう」 という現象に遭遇しました。 その時は解決策が分からず透過PNGを辞める形で対処したのを思い出したので、 いい機会だと思い調査してみました。 透過PNGをたくさん用意し、1フレーム毎に1枚増えていく形で、 何枚以上になったら表示されなくなるのかを探っていきます。 当時はFlashPlayer7以上を視野に入れて作成をしていましたので、 まずはFlashPlayer7で作ってみました。

  • WebサイトでPNGを使うのは非常識!? | poyosicom

    誤解を与えるタイトルにしてしまったので、訂正しました。ごめんなさい。 こんにちは@poyosiです。PNGを使いまくってコーディングしてますか? 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか? そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか? 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの?というお話をしたいと思います。 WebサイトでPNGを使ってもいいんじゃない? 「WebサイトでPNGを使うのは非常識だろ」という事を言われたのですが、仕様書など特に取り決めがない限りでは、それは違うんじゃないかなと思っています。 私はWebサイトでPNGが使われることについては「どんどん使うべき!」と思っています。 そもそもPNGを使わないほうがよいと言われた理

    aoiasaba
    aoiasaba 2012/04/18
  • IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

    >> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な

    IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
  • 1