[B! PNG] o_hiroyukiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

o_hiroyuki id:o_hiroyuki

PNGã«é–¢ã™ã‚‹o_hiroyukiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

GIFã‚¢ãƒ‹ãƒ¡ã‹ã‚‰APNGã®æ™‚ä»£ã«ï¼ æ¬¡ä¸–ä»£ç”»åƒå½¢å¼APNGã‚’ä½¿ã„ã“ãªãã† - ICS MEDIA
APNGï¼ˆã‚¨ãƒ¼ãƒ”ãƒ³ã‚°ï¼‰ã¨ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹PNGç”»åƒã®ã“ã¨ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã«å–ã£ã¦ä»£ã‚ã‚‹æ¬¡ä¸–ä»£ã®æ–°ã—ã„ç”»åƒå½¢å¼ã§ã™ã€‚ã‚‚ã¨ã‚‚ã¨ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ãƒ¼ã®MozillaãŒææ¡ˆã—ãŸè¦æ ¼ã§ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾ã«åˆ©ç”¨ã§ãã¾ã™ã€‚å¾“æ¥ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFãŒä¸»æµã§ã—ãŸãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã¯è‰²æ•°ã®åˆ¶é™ã‚„è¼ªéƒã®ã‚¸ãƒ£ã‚®ãƒ¼ãªã©å“è³ªé¢ã®åˆ¶é™ãŒå¤šã„ãƒ•ã‚¡ã‚¤ãƒ«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚ãã®åˆ¶é™ã‚’æ‰•æ‹ã—ã¦ãã‚Œã‚‹ã¨æœŸå¾…ã•ã‚Œã‚‹ã®ãŒAPNGå½¢å¼ã§ã™ã€‚ ãƒ‡ãƒ¼ã‚¿å®¹é‡ãƒ»å“è³ªã‹ã‚‰æ¯”è¼ƒã™ã‚‹ç”»åƒå½¢å¼ã€œAPNGã¯å®¹é‡ãŒè»½ãã¦ç¶ºéº— ä¸Šå›³ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFãƒ»APNG(8bitãƒ»32bit)ãƒ»PNGé€£ç•ªç”»åƒã‚’ãƒ‡ãƒ¼ã‚¿å®¹é‡ãƒ»ãƒ‡ãƒ¼ã‚¿å“è³ªã§ãƒžãƒˆãƒªã‚¯ã‚¹å›³ã«ã—ã¾ã—ãŸã€‚APNG 8bitã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã¨åŒã˜256è‰²ã®ã‚µãƒãƒ¼ãƒˆãªã®ã§APNG 8bitã®æ–¹ãŒãƒ‡ãƒ¼ã‚¿å®¹é‡ã¯è‹¥å¹²å°ã•ã„ã‚‚ã®ã®ã€å·®ã¯ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚APNG 32bitã¯
o_hiroyuki 2014/10/02
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

PNG
ãƒªãƒ³ã‚¯
SVGMagic - Great jQuery SVG fallback plugin
SVGMagic: the fully automated SVG fallback SVGMagic is a simple jQuery plugin that searches for SVG images (including background- and inline dataimages) on your website and creates PNG versions if the browser doesn't support SVG. Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for
o_hiroyuki 2014/02/02
PNG
ãƒªãƒ³ã‚¯
APNG test
o_hiroyuki 2013/08/04
Canvas

PNG

try
ãƒªãƒ³ã‚¯
PNG Rotate Trick
Q: What is the difference between these two images? A B A: Image B is 20,479 bytes smaller. Both images came from the same source file and were both compressed with pngcrush -brute and deflopt. The trick: The images, without a CSS rotation transf orm, are thus: A B The explanation: PNG are (basically) filtered then compressed on a row by row basis. This means that the more changes in colors along a
o_hiroyuki 2013/07/11
PNGã¯è¡Œå˜ä½ã®è‰²ã®å¤‰åŒ–ã®ã»ã†ãŒå®¹é‡ãŒå°‘ãªã„ã€ã£ã¦è©±ã€‚

PNG
ãƒªãƒ³ã‚¯
PNG vs SVG for sprites
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more Â· Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
o_hiroyuki 2013/06/24
svg

PNG
ãƒªãƒ³ã‚¯
ç”»åƒåœ§ç¸®ã‚µã‚¤ãƒˆï¼TinyPNG
Smart AVIF, WebP, PNG and JPEG Compression for Faster Websites
o_hiroyuki 2012/10/23
webã‚µãƒ¼ãƒ“ã‚¹

PNG
ãƒªãƒ³ã‚¯
PunyPNG
o_hiroyuki 2011/11/13
PNGç”»åƒåœ§ç¸®ã‚µãƒ¼ãƒ“ã‚¹

webã‚µãƒ¼ãƒ“ã‚¹

PNG
ãƒªãƒ³ã‚¯
PNGã®ç”»è³ªã‚’åŠ£åŒ–ã›ãšæ¥µé™ã¾ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’è½ã¨ã™ã€ãŸã£ãŸ1ã¤ã®æ–¹æ³• | ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆãƒ©ãƒœ.com
ã‚¦ã‚§ãƒ–ä¸Šã§ä½¿ç”¨ã•ã‚Œã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã¯ã€ä¸»ã«JPEGã€GIFã€PNGã¨ã„ã†3ç¨®é¡žã®åœ§ç¸®å½¢å¼ãŒã‚ã‚Šã€ã“ã®ä¸ã§å¯é€†åœ§ç¸®ã‹ã¤ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã€ã¤ã¾ã‚Šå…ƒç”»åƒã®ç”»è³ªã‚’è¦‹ãŸç›®ä¸Šä¸€åˆ‡åŠ£åŒ–ã•ã›ã‚‹ã“ã¨ãªããƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’ç¸®å°ã§ãã‚‹ã®ãŒPNGã§ã™ãŒã€æ¬ ç‚¹ã¯é«˜ç”»è³ªãªåˆ†ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãããªã£ã¦ã—ã¾ã„ãŒã¡ãªã“ã¨ã€‚ ã“ã®ãŸã‚ã€ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã®PNGã‚’ã‚¦ã‚§ãƒ–ä¸Šã§ä½¿ç”¨ã™ã‚‹å ´åˆã¯å°‚ç”¨ãƒ„ãƒ¼ãƒ«ï¼ˆæœ‰åãªã‚‚ã®ã§ã¯AzConvPNGãªã©ï¼‰ã‚’ä½¿ç”¨ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®æœ€é©åŒ–ã‚’è¡Œã„ã€ç”»è³ªã‚’åŠ£åŒ–ã›ãšã«ã§ãã‚‹é™ã‚Šã‚µã‚¤ã‚ºã‚’è½ã¨ã—ãŸä¸Šã§ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ãŒã€ãã‚Œã§ã‚‚å‰Šæ¸›ã§ãã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯è‰¯ãã¦1å‰²ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã€‚ å®Ÿã¯ã€ä¸€èˆ¬ã«ã¯ã»ã¨ã‚“ã©çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€ã“ã®ä»–ã«ã‚‚ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼PNGã‚’ç”»è³ªåŠ£åŒ–ãªã—ã«ã€ã•ã‚‰ã«å¤§å¹…ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’å‰Šæ¸›ã§ãã‚‹è£æŠ€çš„ãªæ–¹æ³•ãŒå˜åœ¨ã—ã¾ã™ã€‚ã‚„ã‚Šæ–¹ã¯å°‘ã—é¢å€’ã§ã™ãŒã€ã†ã¾ãä½¿ãˆã°éžå¸¸
o_hiroyuki 2011/03/05
pngã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’æ¥µé™ã¾ã§è½ã¨ã™æ–¹æ³•

tips

PNG
ãƒªãƒ³ã‚¯
perl & javascript - PNGã«ãƒ†ã‚ã‚¹ãƒˆã‚’åŸ‹ã‚è¾¼ã‚€ : 404 Blog Not Found
2010å¹´09æœˆ05æ—¥05:30 ã‚«ãƒ†ã‚´ãƒªLightweight Languages perl & javascript - PNGã«ãƒ†ã‚ã‚¹ãƒˆã‚’åŸ‹ã‚è¾¼ã‚€ ã„ã£ãã“ã‚“ãªåˆ©ç”¨æ³•ã¯ã©ã†ã‹ã€‚ 404 Blog Not Found:Ajax - ãƒ‡ãƒ¼ã‚¿äº¤æ› via PNG ä½¿ã„ã©ã“ã‚ãŒé™å®šçš„ã™ãŽã‚‹ã€‚ Demo 0 ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸ã«ã‚¨ãƒ³ã‚³ãƒ¼ãƒ€ãƒ¼ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’åŸ‹ã‚è¾¼ã‚“ã§ã‚ã‚‹ã€‚ $('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlã§ãƒ†ã‚ã‚¹ãƒˆã‚’å–ã‚Šå‡ºã™ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; my $img = Imager->
o_hiroyuki 2010/09/11
PNGã«ãƒ†ã‚ã‚¹ãƒˆã‚’åŸ‹ã‚è¾¼ã‚€

PNG

JavaScript

Perl
ãƒªãƒ³ã‚¯
PNGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | ã‚³ãƒªã‚¹
å…ˆæ—¥ã€ç´¹ä»‹ã—ãŸã€ŒJPEGç”»åƒã®æœ€é©åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã«ç¶šã„ã¦SmashingMagazineã‹ã‚‰ã€PNGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ è¿½è¨˜ï¼š2009/07/27 æœ¬ã‚¨ãƒ³ãƒˆãƒªã«ã¯ç¶šããŒã‚ã‚Šã¾ã™ã€‚ ç¶šï¼šPNGç”»åƒã‚’ã‚ˆã‚Šç¾Žã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Clever PNG Optimization Techniques ä¸‹è¨˜ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€å¾Œã®ã¯CS3å‘ã‘ã§ä¸æ˜Žã ã£ãŸã®ã§ã€é€”ä¸çœç•¥ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« PNGç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®æ¦‚è¦ 1. ãƒã‚¹ã‚¿ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ 2. æ‰‹ã®ã¯ã„ã£ã¦ãªã„é€éŽ 3. é€éŽã«ã‚ˆã‚‹åˆ†é›¢ 4. ãƒžã‚¹ã‚¯ã‚’æ´»ç”¨ ã¯ã˜ã‚ã« ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã‚ãªãŸã¯æ—¢ã«PNGã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ç²¾é€šã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚PNGã¯åŠ£åŒ–ã®ãªã„ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã—ã¦ã€GIFã®éžå¸¸ã«è‰¯ã„ä»£ã‚ã‚Šã¨ãªã‚Šã¾ã™ã€‚ Photoshopï¼ˆã‚ã‚‹ã„ã¯ä»–ã®ç”»
o_hiroyuki 2009/07/27
webãƒ‡ã‚¶ã‚¤ãƒ³

PNG

tips
ãƒªãƒ³ã‚¯
IEã§ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«PNGã‚’è¡¨ç¤ºã™ã‚‹ ï¼ˆiepngfix.htcï¼‰ - youmos
o_hiroyuki 2008/05/12
IE

PNG
ãƒªãƒ³ã‚¯
ã€Œã‚„ã‚‹ãªï¼ã€ã¨æ€ã‚ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã« ï¼ƒ10 | åå¤å±‹åœã®æƒ…å ± > ã‚¢ã‚¤ãƒ‡ã‚¢ãƒŽãƒ¼ãƒˆ | withD
2008.09.16 | æŠ€è¡“ãƒˆãƒ¬ãƒ³ãƒ‰ ä¸–ç•Œçš„ã«å¤§æµè¡Œã®â€œãƒ©ã‚¤ãƒˆãƒ»ãƒšã‚¤ãƒ³ãƒ†ã‚£ãƒ³ã‚°â€ æ˜ åƒã‚«ãƒ«ãƒãƒ£ãƒ¼ã®ãƒ•ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ³ã€€stash digest â™¯1 white-screen.jpç·¨é›†éƒ¨ï¼ˆNOWONMEDIA, INC.ï¼‰ ãƒãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼
o_hiroyuki 2007/02/25
webãƒ‡ã‚¶ã‚¤ãƒ³

Javascript

IE

PNG
ãƒªãƒ³ã‚¯
1