วิธีทำ favicon แบบความละเอียดสูง [Full HD]

เริ่มโดย flukenakrab, 14 มิถุนายน 2009, 21:58:18

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1 2 3
การกระทำของผู้ใช้

flukenakrab

14 มิถุนายน 2009, 21:58:18 แก้ไขล่าสุด: 14 มิถุนายน 2009, 22:35:43 โดย flukenakrab
คุณมีปัญหาในการทำ favicon หรือไม่ ?

ถ้าหากคุณมีปัญหาดังนี้
ทำ favicon ไม่เป็น
ทำ favicon ออกมาแล้วไม่สวย










เราไม่สอน !

ที่ผมจะสอนคือ วิธีทำ favicon ให้มีความละเอียดสูงครับ  :D

หลายๆท่าน (รวมทั้งผมในอดีต) ใช้ favicon generator ตามเว็บต่างๆ ซึ่งสะดวกรวดเร็ว คลิก 3 ทีได้ออกมาเลย
แต่!!! มันไม่ละเอียด ภาพที่ถูก gen ผ่านเว็บมันจะถูกตัดแสงเงาออกไปเหลือเป็น pixel น่าเกลียดๆ

วันนี้ผมมาแนะนำวิธีใหม่ครับ ภาพสวยละเอียดอย่างโปร

1. เมื่อท่านใช้ Photoshop ทำภาพ favicon ขนาด 16x16 pixel แล้ว (ความสวยงามขึ้นอยู่กับ ทักษะโฟโต้ช็อปท่านเอง)
2. ให้ท่าน Save เป็นไฟล์ favicon.bmp ย้ำว่า "bmp" เอาแบบ Full HD ไปเลยครับ





3. มาถึงตรงนี้ท่านจะรู้ว่า Photoshop CS4 มันไม่มี bmp ให้เลือก 555 (ผมก็พึ่งรู้เมื่อกี้) ก็ให้เลือกเป็น Save As > .PNG ไปก่อนครับ
4. เปิดโปรแกรม Paint ขึ้นมาครับ  เปิดไฟล์ favicon.png ที่เซฟไว้เมื่อกี้ แล้ว File > Save As > เลือกเป็น .bmp (Bitmap)
5. อั๊พไฟล์ favicon.bmp ลงโฮสไว้ที่ตำแหน่งเดียวกับ favicon เดิมของท่าน (ลบอันเก่าออกในขั้นตอนนี้เลยครับ)
6. เสร็จแล้ว คลิกขวาที่ favicon.bmp > rename > เปลี่ยนชื่อเป็น favicon.ico

ทีนี้ favicon ของเว็บท่านก็จะมีรายละเอียดสูงไม่ผิดแผลกไปจากเดิมครับ


ปล.ไม่หวัง Thanks เพระาได้ ebook แล้ว แต่ก็ยังอยากได้เยอะๆอยู่ครับ เท่ห์ดี   ;D
[direct=http://www.thaiseoboard.com/index.php/topic,145552.0.html]โฮสติ้งที่ห่วยที่สุดใน 3 โลก Dollar2Host[/direct]

mapandy

#1
14 มิถุนายน 2009, 22:01:55
+1  ขอบคุณครับ
Honda BRIO เปิดตัวมีนาคม 2011

riaoma

#2
14 มิถุนายน 2009, 22:07:50
ไว้ต้องลอง  ::) ขอบคุณมากค่ะ
จอง [direct=http://www.teeteawthai.com/ido24/]ที่พัก[/direct] ทั่วไทยกับ ที่เที่ยวไทย เว็บการ[direct=http://www.teeteawthai.com/]ท่องเที่ยว[/direct]สำหรับนักท่องเที่ยว | [direct=http://www.ethingsto.com]eThingsto[/direct]

Tonkung

#3
14 มิถุนายน 2009, 22:17:01
อะไรมันจะง่ายขนาดนี้ :D

tapo

#4
14 มิถุนายน 2009, 22:21:38
ขอบคุณมากครับ +1 เป็นประโยชน์มากๆ เพราะผมก็เจอปัญหาใช้ตัวอื่นทำแล้วมันไม่ละเอียด ดูแทบไม่รู้ว่ารูปอะไร

kanate

#5
16 มิถุนายน 2009, 09:00:46
ขอบคุณมากครับ ไม่จะไปลองทำดูครับ +1 :-\






[direct=http://www.gokickoff.com/index.php?ref_code=1262]เกมส์ฟุตบอลออนไลน์
เกมส์ฟุตบอลวางแผนคล้าย FM2011		[direct=http://www.beautycosmetic.in.th/Kose-CATISO1658I0-th.html]
[direct=http://www.beautycosmetic.in.th]เครื่องสำอาง
จำหน่ายเครื่องสำอางแบรนเนม		[direct=http://www.beautycosmetic.in.th/Kose-CATISO1658I0-th.html]Kose
จำหน่ายเครื่องสำอางโคเซ่

riaoma

#6
16 มิถุนายน 2009, 09:12:27
เมื่อคืนจะลองเอาวิธีนี้ไปใช้ดู เพราะ favicon ที่ใช้อยู่มันไม่ชัด
แต่พอเราย่อรูปเพื่อจะบันทึกเป็น bmp มันก็ไม่ชัดแล้วค่ะ  :(
จอง [direct=http://www.teeteawthai.com/ido24/]ที่พัก[/direct] ทั่วไทยกับ ที่เที่ยวไทย เว็บการ[direct=http://www.teeteawthai.com/]ท่องเที่ยว[/direct]สำหรับนักท่องเที่ยว | [direct=http://www.ethingsto.com]eThingsto[/direct]

zenar218

#7
16 มิถุนายน 2009, 09:33:45
ผมใช้เว็บนี้ครับ

โค้ด เลือก
http://www.html-kit.com/favicon

ทำไฟล์ 265*256 pixels
แล้วอัพโหลดขึ้นไป พอเป็น 16*16ก็ยังคมชัดอยู่




ฉนวนกันเสียง แผ่นซับเสียง  [direct=https://www.zen-acoustic.com]ติดตั้งผนังกันเสียง ปรึกษาด้านอะคูสติก ติดต่อ ZEN ACOUSTIC[/direct]
เว็บไซต์ หยุดที่นี่ ดอตคอม [direct=https://www.yudtini.com]เว็บไซต์รวบรวมสาระต่างๆครบ ในที่เดียว[/direct]
ฝึกเล่นโอเทลโล่ ที่นี่ [direct=https://www.thaiothello.com]ชมรมหมากกระดานโอเทลโล่ (Thailand Othello Association)[/direct]
สอนธรรมะทาง Tiktok อ้างอิงพระไตรปิฎก [direct=https://www.tiktok.com/@zen.the.upasaka]Zen The Upasaka[/direct]
เฟสบุคผมเอง [direct=https://www.facebook.com/zenar218]Zen Thammatorn[/direct]

GF2007

#8
16 มิถุนายน 2009, 09:47:44
+1 ครับ  :)
[direct=http://www.drakproject.com]Korean Series Fanclub[/direct] [direct=http://www.chiangmai-property-guide.com]ที่ดินเชียงใหม่ บ้านมือสองเชียงใหม่[/direct] [direct=http://pliggzap.com]USA Fashion[/direct] [direct=http://www.xn--12cm2dsardlx4eva2b.com]ลงประกาศฟรี[/direct]

barbies55

#9
16 มิถุนายน 2009, 09:52:12
ขอบคุณมากค่ะ ปกติทำเป็น pngไปเลย
รับทำเทมเพลท รับโมเทมเพลทให้เข้ากับสคริปต์ต่างๆ


On the Internet, Never One Know You are a Dog.
ผ้าขี้ริ้วห่อทองย่อมเป็นทองฉันใด เอาทองเปลวมาห่อขี้ก็ยังเป็นขี้ฉันนั้น

iNspIr@Tion

#10
16 มิถุนายน 2009, 10:35:59
ขอบคุณครับ จะลองดู
ผิดหวังได้ ... แต่อย่าสิ้นหวัง
ผิดผลาดได้ ... แต่อย่าลืมแก้ไข
พ่ายแพ้ได้ ... แต่ต้องสู้ต่อไป
สูญเสียอะไรก็ได้ ... แต่อย่าสูญเสียกำลังใจในชีวิต

[direct=http://www.mah-hua-nao.com/donate.html]บริจาคเงินช่วยเหลือสัตว์กันครับ[/direct] [direct=http://www.phrabatnampu.org/]วัดพระบาทน้ำพุ[/direct]

riaoma

#11
16 มิถุนายน 2009, 13:49:15
+1 flukenakrab

อ้างถึงจาก: zenar218 ใน 16 มิถุนายน 2009, 09:33:45
ผมใช้เว็บนี้ครับ

โค้ด เลือก
http://www.html-kit.com/favicon

ทำไฟล์ 265*256 pixels
แล้วอัพโหลดขึ้นไป พอเป็น 16*16ก็ยังคมชัดอยู่
+1

ขอบคุณทั้งคู่ค่ะ  ยังชัดเท่าเดิมอยู่ คิดว่าเป็นปัญหาที่รูปมากกว่า อาจจะไม่เหมาะเวลาย่อขนาดลงมา หรือว่าเรื่องมากเองเนี่ย :P
จอง [direct=http://www.teeteawthai.com/ido24/]ที่พัก[/direct] ทั่วไทยกับ ที่เที่ยวไทย เว็บการ[direct=http://www.teeteawthai.com/]ท่องเที่ยว[/direct]สำหรับนักท่องเที่ยว | [direct=http://www.ethingsto.com]eThingsto[/direct]

Kaeji

#12
16 มิถุนายน 2009, 14:16:58 แก้ไขล่าสุด: 12 กรกฎาคม 2010, 16:21:46 โดย Kaeji
:)
"Better to write for yourself and have no public, than to write for the public and have no self.", Cyril Connolly (1903–1974).

mairoo

#13
16 มิถุนายน 2009, 14:37:40
ขอบคุณมากครับ จะลองทำตามดูครับ
[direct=http://www.aceanj.org]health[/direct],[direct=http://www.ttt.com/]diet[/direct]

สดซาเล้ง

#15
16 มิถุนายน 2009, 15:56:30
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:18
คุณมีปัญหาในการทำ favicon หรือไม่ ?

6. เสร็จแล้ว คลิกขวาที่ favicon.bmp > rename > เปลี่ยนชื่อเป็น favicon.ico


ทุกวันนี้เขาเล่่นเปลี่ยนกันดื้อๆ เลยหรอครับ....

elrarour

#16
16 มิถุนายน 2009, 16:03:35
 :o :o :o
[direct=http://www.xn--12cs5aq3bddh4gwbf6a.com]ตามรอยนักชิม[/direct]

Synchronize

#17
16 มิถุนายน 2009, 16:06:58
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:183. มาถึงตรงนี้ท่านจะรู้ว่า Photoshop CS4 มันไม่มี bmp ให้เลือก 555 (ผมก็พึ่งรู้เมื่อกี้) ก็ให้เลือกเป็น Save As > .PNG ไปก่อนครับ

มันไม่มีเหรอครับ ... ผมว่าผมยังเซฟได้อยู่เลย



:P
เนื้อหาความรู้น่าสนใจ ใหม่ๆ
[direct=https://develop.un-no.com/w3/docs/clear-float-in-div]เทคนิคการแก้ไขปัญหาจากการ float ซ้อน float แล้ว clear[/direct]

[direct=https://service.un-no.com/unbbz]ทำเว็บได้ด้วยตัวเองฟรี ด้วยระบบเว็บสำเร็จรูป unbbz , เว็บธรรมดา , เว็บบอร์ด , เว็บขายของ ทำได้หมดเลย[/direct]

TAXZe

#18
16 มิถุนายน 2009, 16:11:53
โอวแจ่มๆๆ

ปกติ เปลี่ยนนามสกุล สด

:D
[direct=https://www.taxze.com/ups-review/]รีวิว ups[/direct][direct=https://www.taxze.com/ups-review/]ups ยี่ห้อไหนดี[/direct][direct=https://twitter.com/taxze][/direct][direct=https://www.instagram.com/taxze][/direct][direct=https://rrbg.blogspot.com/][/direct]

thaiga

#19
16 มิถุนายน 2009, 16:30:47
อ้างถึงจาก: Synchronize ใน 16 มิถุนายน 2009, 16:06:58
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:183. มาถึงตรงนี้ท่านจะรู้ว่า Photoshop CS4 มันไม่มี bmp ให้เลือก 555 (ผมก็พึ่งรู้เมื่อกี้) ก็ให้เลือกเป็น Save As > .PNG ไปก่อนครับ

มันไม่มีเหรอครับ ... ผมว่าผมยังเซฟได้อยู่เลย



:P

มีสิครัีบ สงสัยหาไม่เจอ  :D
พิมพ์
ขึ้น หน้า1 2 3
การกระทำของผู้ใช้