PNGç”»åƒã§ã‚‚コマé€ã‚Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã—ã¾ã†ã€ãƒŠã‚¤ã‚¹ã‚¢ã‚¤ãƒ‡ã‚¢ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Sprite sheetデモページ 仕組ã¿ã¯ã€æ¨ªã«å„コマを並ã¹ãŸPNGç”»åƒã‚’CSSスプライトã§é †ã«è¡¨ç¤ºã•ã›ã¦ã€ã‚³ãƒžé€ã‚Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ 「show spriteã€ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨ãã®ä»•çµ„ã¿ãŒã‚ˆãã‚ã‹ã‚Šã¾ã™ã€‚ 「animation-durationã€ã®æ•°å—を変更ã™ã‚‹ã¨ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é€Ÿåº¦ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ デモページ：スプライトを表示 スタイルシートã¯ã‚³ãƒžé€ã‚Šã®ã‚¹ãƒ†ãƒƒãƒ—を定義ã—ã€èƒŒæ™¯ã«ã—ãŸPNGç”»åƒã‚’å°‘ã—ãšã¤ãšã‚‰ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ デモã¯1秒間ã«10ステップã€500pxã®ç”»åƒã‚’50pxãšã¤å‹•ã‹ã—ã¦ã„ã¾ã™ã€‚ CSS div { animation: play 1s steps(10) infinite; } @keyframes play { 0% { background-position: 0px 0; } 100% { background-position: -500px 0; } }
ç”»åƒåœ§ç¸®ã‚µã‚¤ãƒˆï¼TinyPNG
Webサイトã§PNGを使ã†ã®ã¯éžå¸¸è˜ï¼ï¼Ÿ | poyosicom
Icon Library
最é©ãªç”»åƒã®æ›¸ã出ã—ã¯ã€JPG, GIF, PNGã€ã©ã‚Œã‚’使ã†ã¹ãã‹
PNGã¨GIFã¨JPEG…Web用画åƒã®æ›¸ã出ã—ã€ã©ã‚“ãªé¢¨ã«ä½¿ã„分ã‘ã¦ã„ã¾ã™ã‹ï¼Ÿï¼»2011å¹´7月ç¾åœ¨ï¼½ – VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
今ã©ãã®IE用PNGé€éŽäº‹æƒ…ã¾ã¨ã‚ - okappublog
DD_belatedPNGを使ã£ã¦ã‚‹å ´åˆã§ã‚‚スマートãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãŒå‹•ãよã†ã«ã™ã‚‹ - orangain flavor
IEã®é€éŽPNG+opacityã®ä¸å…·åˆã‚’æ²»ã™ãƒ¡ãƒ¢ - Mach3.laBlog
abrMate - ｋ本的ã«ç„¡æ–™ã‚½ãƒ•ãƒˆãƒ»ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ
PNGã®ç”»è³ªã‚’劣化ã›ãšæ¥µé™ã¾ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’è½ã¨ã™ã€ãŸã£ãŸ1ã¤ã®æ–¹æ³• | フリーソフトラボ.com
scrolltopcontroll-fix.js
IE7・8ã§é€éŽPNGã«JSã§é€éŽã•ã›ãŸã‚‰ç”»åƒãŒæ±šããªã£ãŸå ´åˆã®å¯¾å‡¦æ–¹æ³•
PunyPNG
{{#tags}}- {{label}}
{{/tags}}