[B! png] hooooopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hooooop id:hooooop

pngã«é–¢ã™ã‚‹hooooopã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

ã¾ã TinyPNGã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿã€Œpngquantã€+ã€ŒAutomatorã€ã§ç”»åƒåœ§ç¸®ã«ã‹ã‘ã‚‹æ™‚é–“ã‚’é™ã‚Šãªãã‚¼ãƒã«ã—ã‚ˆã†ï¼ - HOME'S Designer's Blog ï½œ ãƒ›ãƒ¼ãƒ ã‚º ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚º ãƒ–ãƒã‚°
2015-06-11 ã¾ã TinyPNGã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿã€Œpngquantã€+ã€ŒAutomatorã€ã§ç”»åƒåœ§ç¸®ã«ã‹ã‘ã‚‹æ™‚é–“ã‚’é™ã‚Šãªãã‚¼ãƒã«ã—ã‚ˆã†ï¼ ã“ã‚“ã«ã¡ã¯ã€‚ç¤¾å†…ã§æœ€ã‚‚ã‚«ã‚¿ãƒã‹ã‚‰å…¥ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚¢ã‚ºãƒžã§ã™ã€‚ æœ€è¿‘ã¯ä¼šç¤¾ã«ã‚³ãƒ¼ãƒ’ãƒ¼ãƒŸãƒ«ã‚’æŒã¡è¾¼ã‚“ã§æ‰‹æŒ½ãã‚³ãƒ¼ãƒ’ãƒ¼ã‚’æ·¹ã‚Œã¦ã„ã¾ã™ãŒã€å‘³ã®é•ã„ã¯å®Œå…¨ã«ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚æ„å‘³ãªã„ã€‚çš†ã•ã‚“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¾ã™ã‹ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã¨ã¦ã‚‚æ¥½ã—ã„ã§ã™ãã€‚ æ›¸ãå‡ºã—ãŸPNGç”»åƒã‚’åœ§ç¸®ã—ã¦ã„ã‚‹æ™‚é–“ã‚’é™¤ã‘ã°ã€‚ ç”»åƒåœ§ç¸®ã«ã‹ã‘ã‚‹æ™‚é–“ã‚’åœ§ç¸®ã—ãŸã„ï¼ ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¢ãƒ—ãƒªã§è¡¨ç¤ºã™ã‚‹é€Ÿã•ã‚’å°‘ã—ã§ã‚‚ä¸Šã’ã¦ã‚µãƒ¼ãƒ“ã‚¹ã®ä¾¡å€¤ã‚’é«˜ã‚ã‚‹ãŸã‚ã«ã¯ã€ ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰PNGãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ›¸ãå‡ºã™ã¨ãã« åœ§ç¸®ã—ã¦è»½é‡åŒ–ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãã€‚ åœ§ç¸®çŽ‡ã®é«˜ã•ã¨ãƒ‘ãƒ³ãƒ€ã®ã‚ãƒ¢ã•ã«å®šè©•ã®ã‚ã‚‹TinyPNGãªã©ã®Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã£ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ â€¦â€¦ãŒã€ã—ã‹ã—ã€ã“ã®ä½œæ¥
hooooop 2016/05/31
png

Web service
ãƒªãƒ³ã‚¯
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ã¯
hooooop 2014/10/02
Animation

png
ãƒªãƒ³ã‚¯
Free Site Report Card Tool & SEO Strategies - SiteReportCard.com
According to recent statistics published by the SEIA, Idaho currently ranks 27th in the nation for solar power generation, but itâ€™s climbed up the rankings from 35th place last year.Â Thereâ€™s good reason for the consistent growth of solar energy in Idaho.Â For one, solar panels are cheaper than ever before.Â Also, conventional electricity is becoming [â€¦]
hooooop 2014/01/01
gif

Image

png
ãƒªãƒ³ã‚¯
ãƒ—ãƒæ ¹æ€§ã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ–ãƒã‚¬ãƒ¼ã«ãŠå‹§ã‚ã™ã‚‹4ã¤ã®ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆ
ç´ äººã¨ãƒ—ãƒã‚’åˆ†ã‘ã‚‹4ã¤ã®ã‚½ãƒ•ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ å°‘ã—ã§ã‚‚æ—©ãã€å°‘ã—ã§ã‚‚çš„ç¢ºã«ä¼ãˆãŸã„ã€‚ãã‚“ãªãƒ—ãƒæ ¹æ€§ã‚’æ”¯ãˆã‚‹ã€ç„¡æ–™ã‚½ãƒ•ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã€Œã—ã‚‡ã›ã‚“ã¯ç„¡æ–™ã‚½ãƒ•ãƒˆã§ã—ã‚‡ï¼Ÿã€ã¨ã‚ãªã©ã‚‹ç„¡ã‹ã‚Œã€ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¾¡ç”¨é”ã®Photoshopã§ã‚‚ã§ããªã„ã“ã¨ã‚’ã‚„ã£ã¦ã®ã‘ã¾ã™ã€‚ ç›®æ¬¡ PNGç”»åƒã‚’åŠ£åŒ–ã•ã›ã‚‹ã“ã¨ç„¡ãã‚µã‚¤ã‚ºã‚’åœ§ç¸®ã™ã‚‹ã€ŒPNGGauntletã€ JPEGç”»åƒã‚’åŠ£åŒ–ã•ã›ã‚‹ã“ã¨ç„¡ãã‚µã‚¤ã‚ºã‚’åœ§ç¸®ã™ã‚‹ã‚½ãƒ•ãƒˆã€Œcarmineã€ JPEGåœ§ç¸®ã§åŠ£åŒ–ã—ãŸç”»åƒã‚’ç¶ºéº—ã«ç›´ã™ã€ŒJpeg Enhancerã€ ãƒ‡ã‚¸ã‚«ãƒ¡ã®é«˜æ„Ÿåº¦ãƒŽã‚¤ã‚ºã‚’é™¤åŽ»ã™ã‚‹ã€ŒNeat Imageã€ PNGç”»åƒã‚’åŠ£åŒ–ã•ã›ã‚‹ã“ã¨ç„¡ãã‚µã‚¤ã‚ºã‚’åœ§ç¸®ã™ã‚‹ã€ŒPNGGauntletã€ Webã§PNGã‚’åœ§ç¸®ã—ã¦ãã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯å¤šã€…ã‚ã‚Šã¾ã™ãŒã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯çµŒç”±ã®ã‚„ã‚Šå–ã‚Šã®ãŸã‚ã€åˆ©ç”¨è€…ã®å¤šã„æ™‚é–“å¸¯ã«ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒæ‚ªãã€ã‚¨ãƒ©ãƒ¼ã§å‡¦ç†ã§ããªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ WordPres
hooooop 2013/03/11
Image

png
ãƒªãƒ³ã‚¯
Online Image Ð¡ompressor
This online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG and PNG images to the minimum possible size while keeping the required level of quality. Upload up to 20 images. Wait for the compression to finish. Click thumbnails in the queue for quality setting. Use the slider to control the compression level and mouse/gestures to comp
hooooop 2013/01/29
png

Generator

Web service

Tool
ãƒªãƒ³ã‚¯
CSS ã‚’ä½¿ã£ã¦ IE 6 ã§ PNG ã®åŠé€æ˜Žã‚’æœ‰åŠ¹ã«ã™ã‚‹ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
æ¦‚è¦ IE 6 ã§ img è¦ç´ ã§åŸ‹ã‚è¾¼ã‚“ã PNG ãƒ•ã‚¡ã‚¤ãƒ«ã®åŠé€æ˜Žã‚’æœ‰åŠ¹ã«ã™ã‚‹ JS ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€CSS ã§ã“ã‚Œã‚’è¡Œã†ãŸã‚ã®æ–¹æ³•ã§ã™ã€‚ åˆ©ç‚¹ã¨ã—ã¦ã€JS ã§å®Ÿç¾ã—ãŸå ´åˆã€ä¸€çž¬ã‚°ãƒ¬ãƒ¼ã®éƒ¨åˆ†ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€ã“ã®æ–¹æ³•ã§ã¯ãã‚ŒãŒã‚ã‚Šã¾ã›ã‚“ã€‚ PNG ãŒèªã¿è¾¼ã¾ã‚ŒãŸæ™‚ç‚¹ã§åŠé€æ˜ŽãŒæœ‰åŠ¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€CSS ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç”¨ã„ã¦ã€ã©ã® img è¦ç´ ã«å¯¾ã—ã¦åŠé€æ˜Žã‚’æœ‰åŠ¹ã«ã™ã‚‹ã‹ãªã©ã‚’æ±ºã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€onload å¾Œã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã« appendChild ã‚„ innerHTML ãªã©ã§è¿½åŠ ã•ã‚ŒãŸ PNG ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¤ã„ã¦ã‚‚ã€åŠé€æ˜ŽãŒæœ‰åŠ¹ã«ãªã£ãŸçŠ¶æ…‹ã§è¿½åŠ ã•ã‚Œã¾ã™ã€‚ å‹•ä½œç¢ºèªç”¨ã® demo (IE 6 ç”¨) èª¬æ˜Ž ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ã‚’æœ‰åŠ¹ã«ã—ãŸã„å€‹æ‰€ã«å¯¾ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªCSSã‚’é©ç”¨ã—ã¾ã™ã€‚ã“ã®ä¾‹ã§ã¯ã€#sample ã®ä¸ã® img è¦ç´ ã¨ãªã‚Šã¾ã™ã€‚(ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼
hooooop 2009/09/16
CSS

png

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

png

tips

Tutorial

Design

Fireworks
ãƒªãƒ³ã‚¯
1