Using SVG to Shrink Your PNGs
07 Sep 2014 Wouldn’t it be great if you could get the compression of a JPEG with the transparency of a PNG? Well, you can, sort of. Here’s a little trick that I discovered while working on the new Sapporo Beer website. Notice how the beer can on the Sapporo website has a transparent area around the edges (it’s hard to notice but there’s a video playing behind it). As a PNG, the beer can graphic wo
515 » アルファãƒãƒ£ãƒ³ãƒãƒ«ä»˜ã8bitPNGç”»åƒã‚’作る方法
PNGç”»åƒã«ã¤ã„ã¦ã€ç§ã¯äººã«èª¬æ˜Žã™ã‚‹ã¨ãã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãŠè©±ã—ã¦ã„ã¾ã—㟠bit数色数é€éŽå®¹é‡ 8bitPNG256色é€éŽOK(ジャギã‚ã‚Š)軽ã„↑ 24bitPNGフルカラーé€éŽä¸å¯ 32bitPNGフルカラーé€éŽOK(アルファãƒãƒ£ãƒ³ãƒãƒ«)é‡ã„↓ ã¤ã¾ã‚Š32bitPNGã¯é€éŽã§ãã‚‹ã‘ã‚Œã©å®¹é‡ãŒé‡ã„。 8bitPNGã¯å®¹é‡ãŒè»½ãã€é€éŽã‚‚OKã ã‘ã‚Œã©ã€é€éŽè‰²ã‚’指定ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ãŸã‚ジャギãŒç›®ç«‹ã¤ã¨ã„ã†é›£ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®å•é¡Œã‚’Fireworksã•ã‚“ã§è§£æ±ºã§ãã‚‹ã“ã¨ã‚’知らãªã‹ã£ãŸã®ã§ã™â€¦ã€‚ 今回ã¯Fireworksを使ã£ã¦â€ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ä»˜ãâ€8bitPNGを作æˆã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ 01：8bitPNGã¨32bitPNGã®é•ã„ ã¾ãšã¯åŠé€æ˜Žã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚ã‚Šã®ç”»åƒã‚’用æ„ã—ã¦ã¿ã¾ã™ ã“れをPhotoshopã§8bitã€32bit(24bitPNGã®é€éŽã‚ã‚Š)ã§ä¿å˜ã—ã¦ã¿ã¾ã™ã€‚ (※
Compress PNG Images Online
Click UPLOAD FILES to choose up to 20 PNG images you want to compress. Wait for the upload and compression processes to complete. If you need more control over the PNG compression quality please use thumbnails to activate the manual mode. Click DOWNLOAD ALL to get all the compressed files at once, grouped in a ZIP archive. Or you can download each image individually. PNG Compression In relation to
Protip: All browsers that support SVG background... - German for black
You’re about to read articles on the subject of building for the web by Ben Schwarz. Say you want SVG with PNG fallback for IE8? Do this: Extra credit: Heres a mixin for SASS to make it even gnarlyer. Update: Awesome people (@xavier_ho, @kylebarrow) from the internet have verified that the browser will only make a single HTTP request when using this technique. Update: Argh. Android 2.x browser wil
ImageOptim — better Save for Web
ImageOptim makes images load faster Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality. Faster web pages and apps Reduces image file sizes — so they take up less disk space and downÂload faster — by applying advanced compression that preserves quality. Image files scrubbed clean Removes invisible junk: private EXIF metaÂdata from digital cameras, em
GitHub - tuseroni/stegano.js: steganographic encoder and decoder for javascript
a javascript and HTML based steganography encoder/decoder. encoder.html takes a .png file as the cover and any file data file as the hidden data. the hidden data cannot be bigger than the width*the height of the cover image (in bytes) decoder.html takes an encoded png selected by the user and extracts the data from the image. the encoder uses a Pseudo-Random number generator seeded with a hash of
ImageAlpha — image minifier (like JPEG with transparency!)
DownloadVersion 1.5.1 Mac OS X 10.8-11 Not using a Mac? Check out Color Quantizer (Windows), pngquant (Unix) and TinyPNG (on-line). Snow Leopard (10.6) versionChangelogBugsDonateSource code This application is no longer supported. It was written in Python 2, and Python 2 has been deprecated and removed from macOS. Alternatives: lossy option in ImageOptim, pngquant, or squoosh.app. ImageAlpha great
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
PunyPNG
{{#tags}}- {{label}}
{{/tags}}