タグ

PNGに関するionisのブックマーク (6)

  • How To Bypass CSP By Hiding JavaScript In A PNG Image

    How To Bypass CSP By Hiding JavaScript In A PNG Image Hide a malicious JavaScript library in a PNG image and tweet it, then include it in a vulnerable website by exploiting a XSS bypassing its Content-Security-Policy (CSP). Hide a malicious JavaScript library into a PNG image and tweet it, then include it in a vulnerable website by exploiting a XSS bypassing its Content-Security-Policy (CSP). It's

    How To Bypass CSP By Hiding JavaScript In A PNG Image
  • PNG ファイルフォーマット

    PNG ファイルフォーマット PNG (Portable Network Graphics) フォーマット。“ ピング ”と発音する。 GIFに代わる新しい誰でも無料で自由に使えるフォーマットとして開発された。 拡張子は、「.PNG」が存在する。

  • [Unity] 画面をキャプチャーしてPNGファイルへ出力する [Not RenderTexture] | きききろく

    [Unity] 画面をキャプチャーしてPNGファイルへ出力する [Not RenderTexture] by 希木小鳥 · 2015年2月19日 画面をキャプチャーしPngファイルへ保存する方法です。ゲーム実行時ではなく開発中にUnityのエディタ上でスクリーンショットを撮りたい場合に使用しました。ゲーム内での動的なやつはUnity Pro版のRenderTextureを使えばよさそうですが無課金ユーザーなので使えません。 単純に画面の状態を保存するのならこれで終了です。 Application.CaptureScreenshot( Filename ); 自分がほしかったのはアルファチャンネル込みの画像だったのでTexture2Dを32bitで作成し、画面の状態を取り込みました。 using UnityEngine; using System.Collections; using Sys

    [Unity] 画面をキャプチャーしてPNGファイルへ出力する [Not RenderTexture] | きききろく
  • 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
  • WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –

    WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 – Jxck 画像は、サイズが大きい(大きくなりがちな)コンテンツの一つです。 最近は画像を使わないページはほとんどなく、むしろ使う量はどんどん増えているんじゃないでしょうか。また、HiDPI対応などでサイズも増えつつあるでしょう。 Googleの調査では、現在Web上のトラフィックの65%を画像が占めているそうです。Introで解説したように、パフォーマンスを考えるとファイルサイズは「なるべく小さく」が望ましいため、画像は通常圧縮された形式で使用されます。 WebPは、Googleが開発した圧縮形式で、従来の形式よりもファイルサイズを小さくすることを目的としています。今回はそんなWebPの概要と使い方、注意点を取り上げます。 画像圧縮とは? ここで対象としているのはピクセル形式

    WebP – Webを速くするためにGoogleがやっていること Make the Web Faster 01 –
  • PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT

    png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ(WebPもあるか)。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim

  • 1