SVGå½¢å¼ã®ãƒ•ã‚¡ãƒ“コンをè¨ç½®ã—よã†SVGå½¢å¼ã®ãƒ•ã‚¡ãƒ“コンをè¨ç½®ã—よã†ã¤ãƒ»ã„・ã«ï¼ãƒ•ã‚¡ãƒ“コンもSVGå½¢å¼ãŒå¯¾å¿œã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸï¼SVGを使ãˆã°ã“ã‚Œã¾ã§ä½¿ã‚ã‚Œã¦ããŸPNGãªã©ã®ãƒ“ットマップ形å¼ã¨ã¯é•ã„ã€æ‹¡å¤§ç¸®å°ã—ã¦ã‚‚画質ãŒåŠ£åŒ–ã—ã¾ã›ã‚“。ã¤ã¾ã‚Šã€éŽåŽ»è¨˜äº‹ã€Œã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒ•ã‚¡ãƒ“コンをè¨ç½®ã—よã†ã€ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«å¤šãã®ã‚µã‚¤ã‚ºã‚’用æ„ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ï¼ã‚„ã£ãŸãï¼å°‘ã—工夫ã™ã‚Œã°ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰ã«ã‚‚対応ã§ãã¾ã™ã‚ˆï¼ã•ã£ããã¿ã¦ã„ãã¾ã—ょã†ï¼ クリエイティブãªãƒ•ã‚¡ãƒ“コンをè¨ç½®ã—よㆠSVG ファビコンè¨ç½®æ–¹æ³•1. SVG å½¢å¼ã®ãƒ•ã‚¡ãƒ“コン用画åƒã‚’用æ„グラフィックツールã§ãƒ•ã‚¡ãƒ“コンã«ã—ãŸã„ç”»åƒã‚’用æ„ã—ã¾ã™ã€‚サイズã¯ç‰¹ã«æ°—ã«ã—ãªãã¦ã‚‚ OK。æ£æ–¹å½¢ã§ã‚ã‚Œã°ã©ã®ã‚µã‚¤ã‚ºã§ã‚‚ãã‚Œã„ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚今回㯠Illustrator を使ã£ã¦ 32x32px ã®ã‚‚ã®ã‚’用æ„ã—ã¾ã—ãŸã€‚ SVG å½¢å¼ã§ä¿å˜ã—ã¾ã™ã€‚ 2. HTML ファイルã«è¨˜è¿°ã‚ã¨ã¯ã“ã‚Œ
一ã‹ã‚‰å¦ã¶ãƒ™ã‚¸ã‚§æ›²ç·š | POSTD
SVGã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作ã£ã¦å¦ã‚“ã ã“ã¨
Eden Agency
SVGã§å›³å½¢ã‚„アニメをæç”»ã—ã¦ã¿ã‚ˆã†
見ãŸç›®ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã¯ãã®ã¾ã¾ã§ã€SVGファイルを大幅ã«è»½é‡åŒ–ã™ã‚‹ä¾¿åˆ©ãƒ„ール -SVGO GUI
Illustratorã‹ã‚‰ã®ç”»åƒ/SVG/CSS書ã出ã—ã®ã¾ã¨ã‚｜DTP Transit
Simple Icons
レスãƒãƒ³ã‚·ãƒ–対応ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã€å˜ã«ã‚µã‚¤ã‚ºã‚’変ãˆã‚‹ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’最é©åŒ–ã—ãŸå„ªã‚Œã‚‚ã®ï¼
CSS Color Module Level 3
Compressor.io - optimize and compress JPEG photos and PNG images
商用利用無料ã€ã‚·ãƒ³ãƒ—ルã§ã‹ã‚ã„ã„デザインã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ100種類ã€ã‚³ãƒªã‚¹é™å®šå…¨å“¡ã«ãƒ—レゼントï¼
Photoshop CCã®ç”»åƒã‚¢ã‚»ãƒƒãƒˆæ©Ÿèƒ½ã§SVGを書ã出ã™è£æŠ€
SVG MANIAX Ver.2 - Mars vanilla
Inkscape - Draw Freely. | Inkscape
SVG MANIAX - CSS Nite After dark7
SVG Icons - Ready to use SVG Icons for the web.
Making SVGs Responsive - Demo 1
So, Do We Have a Winner for Code Challenge #1? — SitePoint
Chrome DevToolsã§SVGã®ç°¡æ˜“編集 - Qiita
{{#tags}}- {{label}}
{{/tags}}