見ãŸç›®ã¯ãã®ã¾ã¾ã§ã€JPEGç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’1/5ã«è»½é‡åŒ–ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -JPEGmini | コリス
JEPGç”»åƒã®è¦‹ãŸç›®ã®å“質をç¶æŒã—ã¤ã¤ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’1/5ã«è»½é‡åŒ–ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スを紹介ã—ã¾ã™ã€‚ ※1/5ã¯ç”»åƒã«ã‚ˆã£ã¦å·®ãŒã‚ã‚Šã¾ã™ã€‚ JPEGmini 左：オリジナル（3662KB）ã€å³ï¼šJPEGmini（628KB） [ad#ad-2] サイトã§ã¯ãƒ‡ãƒ¢ã®JPEGç”»åƒãŒ4種類ã‚ã‚Šã€ä¸å¤®ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’æ“作ã™ã‚‹ã“ã¨ã§å·¦ï¼šã‚ªãƒªã‚¸ãƒŠãƒ«ã€å³ï¼šJPEGminiã€è¦‹ãŸç›®ã®å“質を比較ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
ã“ã‚Œã¯çµ¶å¯¾è¦šãˆã¦ãŠã„ãŸæ–¹ãŒã‚ˆã„シルエットã®ç´ æ集:phpspot開発日誌
ã“ã‚Œã¯çµ¶å¯¾è¦šãˆã¦ãŠã„ãŸæ–¹ãŒã‚ˆã„シルエットã®ç´ æ集。 85サイトã®ãƒ•ãƒªãƒ¼ã‹ã¤ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªã‚·ãƒ«ã‚¨ãƒƒãƒˆç´ æ集ãŒç‰©å‡„ã„å‹¢ã„ã§ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ 覚ãˆã¦ãŠãã¨è‰²ã€…ãªå ´é¢ã§ä½¿ãˆã‚‹ã“ã¨ã¯é–“é•ã„ãªã•ãã†ã€‚ 人型ã ã‘ã˜ã‚ƒãªãã¦ã€å‹•ç‰©ã‚„昆虫・æ¤ç‰©ãªã©ãã‚ã£ã¦ã¾ã™ã€‚ リンク先ã¯ä»¥ä¸‹ã®ï¼µï¼²ï¼¬ã‹ã‚‰å‚ç…§ã—ã¦ãã ã•ã„ 85 Free High Quality Silhouette Sets | Graphics
PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
先日ã€ç´¹ä»‹ã—ãŸã€ŒJPEGç”»åƒã®æœ€é©åŒ–テクニックã€ã«ç¶šã„ã¦SmashingMagazineã‹ã‚‰ã€PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 追記：2009/07/27 本エントリã«ã¯ç¶šããŒã‚ã‚Šã¾ã™ã€‚ 続：PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ Clever PNG Optimization Techniques 下記ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’ピックアップã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 最後ã®ã¯CS3å‘ã‘ã§ä¸æ˜Žã ã£ãŸã®ã§ã€é€”ä¸çœç•¥ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« PNGç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®æ¦‚è¦ 1. ãƒã‚¹ã‚¿ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ 2. 手ã®ã¯ã„ã£ã¦ãªã„é€éŽ 3. é€éŽã«ã‚ˆã‚‹åˆ†é›¢ 4. マスクを活用 ã¯ã˜ã‚㫠ウェブデザイナーã¨ã—ã¦ã‚ãªãŸã¯æ—¢ã«PNGã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ç²¾é€šã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。PNGã¯åŠ£åŒ–ã®ãªã„フォーマットã¨ã—ã¦ã€GIFã®éžå¸¸ã«è‰¯ã„代ã‚ã‚Šã¨ãªã‚Šã¾ã™ã€‚ Photoshop（ã‚ã‚‹ã„ã¯ä»–ã®ç”»
「無料ã§ä½¿ãˆã‚‹ç”»åƒç´ æãŒæº€è¼‰ã®20サイトï¼ã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã£ãŸã®ã§æœ¬å½“ã«ä½¿ãˆã‚‹ã‚‚ã®ã ã‘ピックアップã—ã¦ã¿ãŸ - IDEA*IDEA 〜 百å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚° 〜
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
イメージアップã«åŠ¹æžœçš„ãªãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ã®å†™çœŸç´ æ30é¸ -stock.xchng | コリス
フリーã®ãƒ•ã‚©ãƒˆã‚¹ãƒˆãƒƒã‚¯ã‚µã‚¤ãƒˆã€Œstock.xchngã€ã‹ã‚‰ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¢ãƒƒãƒ—ã«åŠ¹æžœãŒã‚ã‚Šãã†ãªãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ã®å†™çœŸç´ æを紹介ã—ã¾ã™ã€‚ å„ç”»åƒã®ã‚µã‚¤ã‚ºã¯1000～3000ピクセルãらã„ã§ã™ã€‚
商用・個人サイトã§åˆ©ç”¨å¯èƒ½ãªãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ã®å†™çœŸç´ æサイト集 | コリス
Freeziqã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€å•†ç”¨ãƒ»å€‹äººã‚µã‚¤ãƒˆã§åˆ©ç”¨å¯èƒ½ãªãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ã®20ã®å†™çœŸç´ æサイトを紹介ã—ã¾ã™ã€‚ 20 Best Places to get Free Stock Photography ライセンスã¯å†è²©ä»¥å¤–ã¯ãƒ•ãƒªãƒ¼ã®ã‚‚ã®ãŒå¤šã„ã§ã™ãŒã€åˆ©ç”¨ã™ã‚‹éš›ã«ã¯å€‹åˆ¥ã«ç¢ºèªã—ã¦ãã ã•ã„。
ç„¡æ–™ã‹ã¤é«˜æ©Ÿèƒ½ï¼ç”»åƒç·¨é›†ã§ãる『Pixlr〠| 100SHIKI.COM
ç„¡æ–™ã‹ã¤é«˜æ©Ÿèƒ½ï¼ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ãŒã£ã¤ã‚Šç”»åƒç·¨é›†ã§ãる『Pixlr〠August 18th, 2008 Posted in ç”»åƒãƒ»æ˜ åƒç®¡ç† Write comment ç´°ã‹ã„ã¨ã“ã‚ãŒã¾ã 未完æˆã£ã½ã„ãŒã€ã‹ãªã‚ŠæœŸå¾…ã§ãるツールã®ã”紹介。 Pixlrã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§Photoshopã®ã‚ˆã†ãªç”»åƒç·¨é›†ãŒã§ãã¦ã—ã¾ã†ãƒ„ールã 。 ã“ã†ã—ãŸãƒ„ールã¯æ•°å¤šãã‚ã‚Œã©ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„速度ã€æ©Ÿèƒ½é¢ã§ã‹ãªã‚Šå®Œæˆåº¦ãŒé«˜ã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ç”»åƒã®æ‹¡å¤§ç¸®å°ã‚’ã¯ã˜ã‚ã€ã‚る程度ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼æ©Ÿèƒ½ã¨ã€ã‚¦ã‚§ãƒ–ã§ä½¿ã†ã‚ˆã†ãªç”»åƒãªã‚‰ã•ã•ã£ã¨ä½œã‚‹ã“ã¨ãŒã§ãる。ã‹ã¤ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚ç›´æ„Ÿçš„ã‹ã¤ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã 。ã„ã˜ã£ã¦ã„ã¦æ°—æŒã¡ã„ã„æ„ŸãŒç´ 晴らã—ã„。 ã—ã‹ã‚‚登録ä¸è¦ã§ç„¡æ–™ã§ã™ã¹ã¦ã®æ©Ÿèƒ½ã‚’使ã†ã“ã¨ãŒã§ãる。出æ¥ä¸ŠãŒã£ãŸç”»åƒã¯ã‚‚ã¡ã‚ã‚“ãƒãƒ¼ã‚«ãƒ«PCã«ä¿å˜å¯èƒ½ã （JPEGã‹PNGå½¢å¼ï¼‰ã€‚ テã‚ストã®è¿½åŠ ã¨ãƒ˜ãƒ«ãƒ—機能ãŒã¾ã å‚™ã‚ã£ã¦ã„
ç”»åƒå†™çœŸç´ æ 足æˆ
ã€Œå†™çœŸç´ æ 足æˆã€ã¯ã€å…¨å›½ã®ã‚¢ãƒžãƒãƒ¥ã‚¢ã‚«ãƒ¡ãƒ©ãƒžãƒ³ãŒæ’®å½±ã—ãŸå†™çœŸã‚’ã€å†™çœŸç´ æã¨ã—ã¦ç„¡æ–™ã§æä¾›ã—ã¦ã„ã¾ã™ã€‚個人ã€å•†ç”¨ã‚’å•ã‚ãšå…¨ã¦ç„¡æ–™ã§ãŠä½¿ã„é ‚ã‘ã€ãã®ä¸Šã€ç…©ã‚ã—ã„クレジットやリンクã®è¡¨è¨˜ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã¯ä¸€åˆ‡ä¸è¦ã€‚Webã€ç´™ã€å‹•ç”»ä»–ã€ã‚らゆる媒体ã§å†™çœŸç´ æã¨ã—ã¦ã®ã”利用ãŒå¯èƒ½ã§ã™ã€‚æ›´æ–°ã‚‚365日毎日行ã£ã¦ãŠã‚Šã¾ã™ï¼
商用・éžå•†ç”¨ã§ä½¿ç”¨ã§ãるフリーã®å†™çœŸç´ æサイト集 | コリス
商用・éžå•†ç”¨ã§ä½¿ç”¨ã§ãるフリーã®å†™çœŸç´ æサイトã®ãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ï¼ˆäºŒæ¬¡åŠ å·¥ç¦æ¢ãƒ»è‘—作権表記ãªã©ï¼‰ã¯å„ç”»åƒã”ã¨ã«ç•°ãªã‚‹ãŸã‚ã€ç‰¹ã«å•†ç”¨åˆ©ç”¨ã®éš›ã¯ç¢ºèªãŒå¿…è¦ã§ã™ã€‚ 「商用利用å¯ã€ã€Œéžå•†ç”¨ã®ã¿å¯ã€ã®è¨˜è¼‰ã¯ã€å„サイトã®ä¸»è¦ãªãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¨ãªã£ã¦ã„ã¾ã™ã€‚
プãƒã‚«ãƒ¡ãƒ©ãƒžãƒ³ã®ç„¡æ–™å†™çœŸç´ æ・著作権フリー画åƒç´ æã®ãƒªãƒ³ã‚¯ã‚¹ã‚¿ã‚¤ãƒ«
よã†ã“ãã€LINKSTYLEæ ªå¼ä¼šç¤¾ã®ãƒ›ãƒ¼ãƒ ページã¸ã€‚ ç§ãŸã¡ã¯ã€æ™‚代ã®ãƒ‹ãƒ¼ã‚ºã«å¿œãˆã‚‹æœ€å…ˆç«¯ã®é€šä¿¡ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹å°‚門家集団ã¨ã—ã¦ã€ã‚ãªãŸã®ãƒ“ジãƒã‚¹ã‚„日常生活ã®ä¸€éƒ¨ã¨ã—ã¦æœ€é«˜ã®é€šä¿¡ç’°å¢ƒã‚’実ç¾ã—ã¾ã™ã€‚大手通信ã‹ã‚‰å„種コラボ光ã€ãã—ã¦å¤šæ§˜ãªIT商æを扱ã„ãªãŒã‚‰ã€ä¸€äººã²ã¨ã‚Šã®ãŠå®¢æ§˜ã«åˆã‚ã›ãŸæ案を心ãŒã‘ã¦ã„ã¾ã™ã€‚ æ–°ãŸã«ãƒ“ジãƒã‚¹ã‚’始ã‚ã‚‹ä¼æ¥æ§˜ã‹ã‚‰ã€ã™ã§ã«æˆç†Ÿã—ãŸãƒ“ジãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã‚’ãŠæŒã¡ã®ä¼æ¥æ§˜ã¾ã§ã€ç§ãŸã¡ã®çµŒé¨“ã¨å°‚門知è˜ã‚’æ´»ã‹ã—ã¦ã€ãã‚Œãžã‚Œã®èª²é¡Œè§£æ±ºã‚„æˆé•·ã‚’サãƒãƒ¼ãƒˆã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã¾ãŸã€ç§ãŸã¡ã®ã‚µãƒ¼ãƒ“スã¯å¥‘ç´„ã‹ã‚‰ã‚¢ãƒ•ã‚¿ãƒ¼ã‚±ã‚¢ã¾ã§ä¸€è²«ã—ã¦ã‚µãƒãƒ¼ãƒˆã€‚通信インフラã®ã“ã¨ã§ã®ã”ä¸æ˜Žç‚¹ã‚„ãŠå›°ã‚Šã”ã¨ãŒã‚ã‚Œã°ã€ã„ã¤ã§ã‚‚ãŠæ°—軽ã«ãŠå•ã„åˆã‚ã›ãã ã•ã„。 LINKSTYLEã¨ã¨ã‚‚ã«ã€ã‚ˆã‚Šè³ªã®é«˜ã„通信環境ã§ã®æ–°ã—ã„日常を。ç§ãŸã¡ã¨ä¸€ç·’ã«ã€æœªæ¥ã‚’ã¤ãªãŽã¾ã—ょã†ã€‚ 大手ã®é€šä¿¡å›žç·šå–次æ¥è€…ã¨ã—ã¦ã€ç§ãŸã¡ã¯å¤šå²ã«
ã¨ã£ã¦ã‚‚ãŠæ‰‹è»½ãªFavicon作æˆãƒ„ール『Favikon〠| 100SHIKI.COM
ã“ã‚ŒãŒæ±ºå®šç‰ˆã˜ã‚ƒã？ã¨ã£ã¦ã‚‚ãŠæ‰‹è»½ãªFavicon作æˆãƒ„ール『Favikon〠November 14th, 2007 Posted in ç”»åƒãƒ»æ˜ åƒç®¡ç† Write comment ã“ã‚Œã¯ä¾¿åˆ©ã€‚ Faviconをブラウザ上ã§ä½œã‚Œã‚‹ãƒ„ールãŒFavikonã§ã‚る。もã¡ã‚ã‚“ã€ã“ã†ã—ãŸãƒ„ールã¯ä»–ã«ã‚‚ã‚る。 ãŸã ã€Favikonã¯ã€Œç”»åƒã®ã“ã®éƒ¨åˆ†ã‚’Faviconã«ã—ã¦ãã€ã‚’ブラウザ上ã§æ‰‹è»½ã«æŒ‡å®šã§ãる点ãŒç‰¹å¾´ã§ã‚る。 ä»–ã®ãƒ„ールã¯ç”»åƒã®Faviconã«ã—ãŸã„部分を切り出ã—ã¦ã‹ã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒå¤šã„ãŒã€Favikonã§ã¯ã“ã®æ‰‹é †ã¯ä¸è¦ã«ãªã‚‹ã®ã 。 範囲ã®æŒ‡å®šã¯ç›´æ„Ÿçš„ã§ã€ç§»å‹•ã‚„ら拡大・縮å°ã‚’ã—ãªãŒã‚‰ã€è‡ªåˆ†ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã©ãŠã‚Šã®Faviconを作ã£ã¦ã„ãã“ã¨ãŒã§ãる。もã¡ã‚ã‚“ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹å‰ã«ãƒ—レビューもã§ãã‚‹ã®ã§ã€è‡ªåˆ†ã®æ°—ã«å…¥ã£ãŸç”»åƒãŒã§ãã‚‹ã¾ã§ä½•åº¦ã§ã‚‚試ã™ã“ã¨ã‚‚ã§ãる。 サイトやブãƒã‚°ã‚’æŒã£ã¦
指定ã—ãŸç”»åƒã«æ˜ ã‚Šã“ã¿åŠ¹æžœã‚’与ãˆã‚‰ã‚Œã‚‹ã€ŽReflection Maker〠- 100SHIKI ～ 世界ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’日替ã‚り㧠～
最近ã®ã‚¦ã‚§ãƒ–デザインã§ã‚ˆãã¿ã‚‰ã‚Œã‚‹ã€Œæ˜ ã‚Šã“ã¿åŠ¹æžœï¼ˆé¡é¢åŠ¹æžœã£ã¦è¨€ã†ã®ã‹ãªï¼Ÿï¼‰ã€ã‚’ç°¡å˜ã«ã¤ãれるジェãƒãƒ¬ãƒ¼ã‚¿ãŒç™»å ´ã—ãŸã‚ˆã†ã 。 使ã„方も簡å˜ã§ã€ç”»åƒã‚’指定ã—ãŸä¸Šã§ã€æ˜ ã‚Šã“ã¿éƒ¨åˆ†ã®èƒŒæ™¯è‰²ã¨ã‚µã‚¤ã‚ºã‚’指定ã™ã‚‹ã ã‘ã 。 ç”»åƒã¯ãƒãƒ¼ã‚«ãƒ«ã‹ã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚‚ã§ãã‚‹ã—ã€URLã‹ã‚‰æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ãる。 ãƒã‚´ã‚„アクセントã®å†™çœŸãªã©ã«ä½¿ãˆã°æ‰‹è»½ã«ä»Šã£ã½ã„デザインをã¤ãã‚‹ã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€‚ 今ã£ã½ã„デザインを手軽ã«ãƒ»ãƒ»ãƒ»ã“ã†ã—ãŸãƒ„ールã¯ã‚‚ã£ã¨å‡ºã¦ãã¦æ¬²ã—ã„ã§ã™ã。
1
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[ã“ã‚Œã™ã”]70ã®photoshopä¿®æ£ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯*ホームページを作る人ã®ãƒã‚¿å¸³![[ã“ã‚Œã™ã”]70ã®photoshopä¿®æ£ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯*ホームページを作る人ã®ãƒã‚¿å¸³](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce5646a1c988730f09c37ff782002cd06d76deb6/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-21.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200807220004.jpg)
CSS Spriteを活用ã—よㆠ- DesignWalker
{{#tags}}- {{label}}
{{/tags}}