JPGã¨PNGã¨GIFã®é•ã„ã‚’ç†è§£ã§ãã‚‹ã¨ãã‚Œã„ã§è»½ã„ç”»åƒãŒä½œã‚Œã‚‹ï¼
WEBデザイナーã®ä»•äº‹ã‚’ã—ã¦ã¾ã—ã¦ã€è·æ¥æŸ„様々ãªæ‹¡å¼µåã®ç”»åƒã‚’扱ã„ã¾ã™ã®ã§ä½¿ã„分ã‘ã«ã¤ã„ã¦åˆ†ã‹ã£ã¦ã‚‹ã®ã§ã™ãŒã€ãƒ–ãƒã‚°ã‚’ã‚„ã£ã¦ã‚‹æ–¹ã¯ãã“ã¾ã§æ°—を使ã£ã¦ãªã„人ãŒå¤šã„よã†ã«è¦‹å—ã‘られã¾ã™ã€‚ 特ã«JPGã¨PNGã¯å…¨ç„¶é•ã£ãŸãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãªã®ã§ã€ç”»åƒã®æ€§è³ªã«åˆã‚ã›ã¦ä½¿ã†ã¹ãã§ã™ã€‚
jQueryéžåŒæœŸã€Image()ã§ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºï½œjquery｜POPSブãƒã‚°ï½œPOPS WEB KOUBOU
jQueryã§ã€ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºã«ã¯è‰²ã€…ãªæ–¹æ³•ã¯ã‚ã‚Šã¾ã™ãŒã€javascriptã® new Image()を使用ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ä¾‹ãŒå¤šã„よã†ã§ã™ã€‚ new Image()ã§ã®ã€ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤º jQueryã§ã€ç”»åƒèªã¿è¾¼ã¿è¡¨ç¤ºã«ã¯è‰²ã€…ãªæ–¹æ³•ã¯ã‚ã‚Šã¾ã™ãŒã€javascriptã® new Image()を使用ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ä¾‹ãŒå¤šã„よã†ã§ã™ã€‚ãƒãƒƒãƒˆã§èª¿ã¹ã‚Œã°æ²¢å±±ã®æƒ…å ±ãŒã‚ã‚Šã¾ã™ãŒã€ç§ã®å ´åˆã®çµŒé¨“ã‚’è¸ã¾ãˆã¦è¨˜è¿°ã—ã¾ã™ã€‚ Image()ãŒä½¿ç”¨ã•ã‚Œã‚‹ç†ç”±ã¯ã€ 1. 表示サイズã§ã¯ãªãç”»åƒã®å®Ÿå¯¸ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãる。 2. ç”»åƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€ãƒãƒ¼ãƒ‰å®Œäº†ã‚’知るã“ã¨ãŒã§ãる。 3. ERRORã®å ´åˆã®å‡¦ç†ãŒã§ãる。(余り使用ã¯ã•ã‚Œã¦ã„ãªã„ãŒã€ã€) 4. Loadingä¸ã®ã€ŒLoadingç”»åƒã€ãªã©è¡¨ç¤ºã•ã›ã‚‹æ™‚ã«ä¾¿åˆ©ã€‚ 5. jQueryã§ç”»åƒã®ãƒãƒ¼ãƒ‰ã«é©ã—ãŸãƒ¡ã‚½ãƒƒãƒ‰ãŒãªã„。(ã»ã¨ã‚“ã©ãŒã€html text ãª
ã“ã‚Œã‹ã‚‰ã®Androidアプリã¯xhdpiã¨hdpi
今ã¾ã§ã¯ã‚¢ãƒ—リã®ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã‚’用æ„ã™ã‚‹æ™‚ã¯ã€hdpiをメインã«ä½™åŠ›ãŒã‚ã‚Œã°ã€mdpiも用æ„ã™ã‚‹ã¨ã„ã†ã®ãŒä¸»æµã§ã—ãŸãŒã€Android4.0以上ã®ç«¯æœ«ãŒãŸãã•ã‚“発売ã•ã‚Œã¦ã€ãã‚Œã«ã¨ã‚‚ãªã„ã€é«˜è§£åƒåº¦ã®ç«¯æœ«ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ å…¬å¼ã®æƒ…å ±ã«ã‚ˆã‚‹ã¨2012å¹´12月3日時点ã§ldpiãŒç´„2%ã€mdpiãŒç´„18%ã€hdpiãŒç´„51%ã€xhdpiãŒç´„29%ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã¯ldpiã€mdpiã®ç«¯æœ«ãŒæ¸›ã£ã¦ã„ãã€xhdpiã®ç«¯æœ«ãŒå¢—ãˆã¦ã„ãã¯ãšãªã®ã§ã€ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã¯hdpiã€xhdpi用ã®2種類を用æ„ã™ã‚‹ã®ãŒã‚ˆã•ãã†ã§ã™ã€‚ xhdpiã®ç«¯æœ«ã§ã‚‚hdpiã®ç”»åƒãƒªã‚½ãƒ¼ã‚¹ãŒã‚ã‚Œã°ã€è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ãŒã€è¡¨ç¤ºã™ã‚‹ä¸Šã§å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã‚ã–ã¨hdpiã«ã ã‘ç”»åƒã‚’ãŠã„ã¦ã€è©¦ã—ã¦ã¿ã¾ã™ã€‚ 今回ã¯Androidã®ãƒžãƒ¼ã‚¯(280x280ã®å¤§ãã•)ã®ç”»åƒã‚’用ã„ã¾ã—ãŸã€‚ å·¦ãŒã€hdpiã§ã€å³ãŒxhdpiã®ã‚ャ
続：PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
上記ã®ã‚ˆã†ã«åŠé€æ˜Žãªç®‡æ‰€ãŒã‚ã‚‹ç”»åƒã®å ´åˆã€PNGã§ä¿å˜ã™ã‚‹å‰ã«ãƒ¢ãƒ¼ãƒ‰ã‚’グレースケールã«ã™ã‚‹ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚ グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数ã¯ã‚ˆã‚Šå°‘ãªã ç”»åƒã®ã‚«ãƒ©ãƒ¼ã‚’減らã™æ–¹æ³•ã¨ã—ã¦ã€å‰å›žç´¹ä»‹ã—ãŸãƒã‚¹ã‚¿ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã«ä»£ã‚る方法を紹介ã—ã¾ã™ã€‚ ã“ã®æ–¹æ³•ã¯256色é™å®šã§ã€ã‚«ãƒ©ãƒ¼ã‚’最é©åŒ–ã§ãã¾ã™ã€‚ åŠé€æ˜Žã®ç”»åƒã‹ã‚‰ã‚¤ãƒ¡ãƒ¼ã‚¸ç®‡æ‰€ã®ã¿ã‚’抽出ã—（åŠé€æ˜Žã¯å‰Šé™¤ï¼‰ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚«ãƒ©ãƒ¼ã«å¤‰æ›ã—マスクをé©ç”¨ã—ã¾ã™ã€‚ 詳ã—ã„æ‰‹é †ã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ ç”»åƒã‚’é–‹ãã€[イメージ]-[複製]ã§ç”»åƒã‚’複製ã—ã¾ã™ã€‚ 複製ã—ãŸç”»åƒã«ã€[フィルタ]-[PhotoWiz]-[Remove Transparency]ã§é€æ˜Žç®‡æ‰€ã‚’å–り除ãã¾ã™ã€‚ ※「PhotoWizã€ã¯Remove Transparencyã‚’å‚ç…§ãã ã•ã„。 [イメージ]-[モード]-[インデックスカラー]ã‚’é¸æŠžã—ã€ã‚¤ãƒ³
PhotoShopã§æœ€é©ãªç”»åƒä¿å˜ã‚’ã™ã‚‹ç‚ºã«ã€‚ニアレストãƒã‚¤ãƒãƒ¼æ³•ã‚„ãƒã‚¤ã‚ュービック法ã§ã®ãƒªã‚µã‚¤ã‚ºã‚„JPEG圧縮ãªã©ã‚’検証ã—ãŸã‚ˆã€‚ / Maka-Veli .com
ã©ã†ã‚‚。æŸã‚µã‚¤ãƒˆã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã«ãŒã£ã‹ã‚Šã—ã¦ã‚‹æ¾æœ¬ã§ã™ã€‚ ã“ã‚Œã‹ã‚‰ã¯è‡ªåˆ†ã‚‰ã—ã普段通り書ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã®ã§å®œã—ããŠé¡˜ã„致ã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯PhotoShopã®ç”»è³ªå¤‰æ›ãƒ»åœ§ç¸®ã«ã¤ã„ã¦ã§ã™ã€‚ ニアレストãƒã‚¤ãƒãƒ¼æ³•ã€ãƒã‚¤ãƒªãƒ‹ã‚¢æ³•ã€ãƒã‚¤ã‚ュービック法ã§ã®ãƒªã‚µã‚¤ã‚ºã¨ã€ä¿å˜æ™‚ã®åœ§ç¸®çŽ‡ãƒ‘ーセンテージ別ã€æ›´ã«å†™çœŸã®ç‰¹å¾´ãªã‚“ã‹ã¨ã‚’比較ã™ã‚‹ã¨ä½•ã‹æ–°ã—ã„発見ãŒã‚ã‚‹ã‹ãªãã¨ãµã¨æ€ã„ã¾ã—ãŸã®ã§æ¤œè¨¼ã—ã¦ã¿ã¾ã™ã€‚ãã‚‚ãã‚‚ã€ãれ何？ã¨ã„ã†æ–¹ã‚‚ã€ç°¡å˜ãªèª¬ç›®ã‚’書ã„ã¦ãŠãã¾ã™ã®ã§åˆã‚ã›ã¦ã”覧ãã ã•ã„。 ãã‚Œã¨ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã€ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«ã€ã‚«ãƒ©ãƒ¼ãƒžãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã€ãªã‚“ã‹ãŒè¤‡åˆçš„ã«çµ¡ã‚€ã¨ã‚„ã‚„ã“ã—ã„ã®ã§å‰²æ„›ã€‚ 一番シンプルãªã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ãªã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ï¼Ÿ 変更å‰ã®åº§æ¨™ã¨ã€å¤‰æ›´å¾Œã®åº§æ¨™ã‚’ã€ãƒ”クセルå˜ä½ã§è¨ˆç®—ã—移動ã•ã›ã€ãã®ãƒ”クセルã«å¯¾ã—ã¦å¤‰æ›´å‰ã®è‰²ã‚’割り当ã¦ã‚‹ã€‚ ドットをãã®ã¾ã¾æ‹¡å¤§ã€ç¸®å°ã™ã‚‹ よã†ãªæ„Ÿè¦šã§
解åƒåº¦ï¼ˆdpi）ã¨ã¯
デタラメPhotoshop 解åƒåº¦ï¼ˆdpi）ã¨ã¯ Photoshopãªã©ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚½ãƒ•ãƒˆã‚’使ã£ã¦ã„ã‚‹ã¨ã€Œè§£åƒåº¦ã€ã¨ã‹ã€Œdpi (DPI)ã€ã¨ã„ã£ãŸè¨€è‘‰ã‚„å˜ä½ã‚’ç›®ã«ã—ã¾ã™ã€‚ 「写真をå°åˆ·ã—ãŸãŒã€ã©ã†ã‚‚カクカクã—ã¦ã„ã‚‹ã€ã¨ã„ã†çµŒé¨“ã‚’ãŠæŒã¡ã®æ–¹ã‚‚ã„らã£ã—ゃるã‹ã¨æ€ã„ã¾ã™ãŒã€ã“れ㯠「解åƒåº¦ã€ã‚’ç†è§£ã—ã¦ã„ãªã„事ã«åŽŸå› ãŒã‚る事ãŒå¤šã„ã§ã—ょã†ã€‚ ã“ã“ã§ã¯ã€ã€Œç”»åƒãƒ‡ãƒ¼ã‚¿ã®è§£åƒåº¦ã€ãƒ»ã€Œã‚¹ã‚ャナèªè¾¼æ™‚ã®è§£åƒåº¦ã€ãƒ»ã€Œãƒ—リンタã®è§£åƒåº¦ã€ãƒ»ã€Œãƒ¢ãƒ‹ã‚¿ã®è§£åƒåº¦ã€ã® ３ã¤ã®è¦–点ã‹ã‚‰èª¬æ˜Žã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚少々ややã“ã—ã„説明ã§ã™ãŒã€ç‰¹ã«ãƒ—リンタã§ã®å°åˆ·ã‚’ã™ã‚‹å ´åˆã«ã¯å¿…è¦ãª 知è˜ã§ã™ã®ã§ã€ã‚ˆãèªã‚“ã§ã¿ã¦ãã ã•ã„。 ▼画åƒãƒ‡ãƒ¼ã‚¿ã®è§£åƒåº¦ å°åˆ·ã®éš›ã«ã¨ã¦ã‚‚大切ãªã®ãŒç”»åƒãƒ‡ãƒ¼ã‚¿ãã®ã‚‚ã®ã®è§£åƒåº¦ã§ã™ã€‚ãŸã ã—å°åˆ·ã‚’ã—ãªã„å ´åˆã€ãŸã¨ãˆã°ãƒ›ãƒ¼ãƒ ページã®ã‚ˆã†ãªãƒ¢ãƒ‹ã‚¿ä¸Šã§ã®ã¿ç”»åƒã‚’使ã†å ´åˆã¯ç‰¹ã«æ°—ã«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 ç”»åƒãƒ‡ãƒ¼ã‚¿ã«
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.h7.dion.ne.jp/~fukucchi/
{{#tags}}- {{label}}
{{/tags}}