คุณมีปัญหาในการทำ 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
+1 ขอบคุณครับ
ไว้ต้องลอง ::) ขอบคุณมากค่ะ
อะไรมันจะง่ายขนาดนี้ :D
ขอบคุณมากครับ +1 เป็นประโยชน์มากๆ เพราะผมก็เจอปัญหาใช้ตัวอื่นทำแล้วมันไม่ละเอียด ดูแทบไม่รู้ว่ารูปอะไร
ขอบคุณมากครับ ไม่จะไปลองทำดูครับ +1 :-\
เมื่อคืนจะลองเอาวิธีนี้ไปใช้ดู เพราะ favicon ที่ใช้อยู่มันไม่ชัด
แต่พอเราย่อรูปเพื่อจะบันทึกเป็น bmp มันก็ไม่ชัดแล้วค่ะ :(
ผมใช้เว็บนี้ครับ
http://www.html-kit.com/favicon
ทำไฟล์ 265*256 pixels
แล้วอัพโหลดขึ้นไป พอเป็น 16*16ก็ยังคมชัดอยู่
+1 ครับ :)
ขอบคุณมากค่ะ ปกติทำเป็น pngไปเลย
ขอบคุณครับ จะลองดู
+1 flukenakrab
อ้างถึงจาก: zenar218 ใน 16 มิถุนายน 2009, 09:33:45
ผมใช้เว็บนี้ครับ
http://www.html-kit.com/favicon
ทำไฟล์ 265*256 pixels
แล้วอัพโหลดขึ้นไป พอเป็น 16*16ก็ยังคมชัดอยู่
+1
ขอบคุณทั้งคู่ค่ะ ยังชัดเท่าเดิมอยู่ คิดว่าเป็นปัญหาที่รูปมากกว่า อาจจะไม่เหมาะเวลาย่อขนาดลงมา หรือว่าเรื่องมากเองเนี่ย :P
:)
ขอบคุณมากครับ จะลองทำตามดูครับ
ขอบคุณสำหรับเทคนิคครับ
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:18
คุณมีปัญหาในการทำ favicon หรือไม่ ?
6. เสร็จแล้ว คลิกขวาที่ favicon.bmp > rename > เปลี่ยนชื่อเป็น favicon.ico
ทุกวันนี้เขาเล่่นเปลี่ยนกันดื้อๆ เลยหรอครับ....
:o :o :o
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:183. มาถึงตรงนี้ท่านจะรู้ว่า Photoshop CS4 มันไม่มี bmp ให้เลือก 555 (ผมก็พึ่งรู้เมื่อกี้) ก็ให้เลือกเป็น Save As > .PNG ไปก่อนครับ
มันไม่มีเหรอครับ ... ผมว่าผมยังเซฟได้อยู่เลย
(http://img.ihere.org/uploads/5e3cf93bdc.jpg)
:P
โอวแจ่มๆๆ
ปกติ เปลี่ยนนามสกุล สด
:D
อ้างถึงจาก: Synchronize ใน 16 มิถุนายน 2009, 16:06:58
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:183. มาถึงตรงนี้ท่านจะรู้ว่า Photoshop CS4 มันไม่มี bmp ให้เลือก 555 (ผมก็พึ่งรู้เมื่อกี้) ก็ให้เลือกเป็น Save As > .PNG ไปก่อนครับ
มันไม่มีเหรอครับ ... ผมว่าผมยังเซฟได้อยู่เลย
(http://img.ihere.org/uploads/5e3cf93bdc.jpg)
:P
มีสิครัีบ สงสัยหาไม่เจอ :D
แจ๋ว เลย
กำลังทำอยู่พอดี ใส่ทุกเว็บเลย
เอาไปเล่นมั่ง ;) ;)
อ้างถึงจาก: Synchronize ใน 16 มิถุนายน 2009, 16:06:58
อ้างถึงจาก: flukenakrab ใน 14 มิถุนายน 2009, 21:58:183. มาถึงตรงนี้ท่านจะรู้ว่า Photoshop CS4 มันไม่มี bmp ให้เลือก 555 (ผมก็พึ่งรู้เมื่อกี้) ก็ให้เลือกเป็น Save As > .PNG ไปก่อนครับ
มันไม่มีเหรอครับ ... ผมว่าผมยังเซฟได้อยู่เลย
(http://img.ihere.org/uploads/5e3cf93bdc.jpg)
:P
ผมพลาดเองครับ สงสัยไปติ๊กอะไรไว้แน่เลย :'(
ผมจัดไปให้ +1 เลยครับ 8)
ขอบคุณครับ จะลองไปทำดูครับ ;D
ขอบคุณครับเดี๋ยวเอาไปลองดูก่อน :)
ไว้ลองดูครับ
อ่ะไรมันง่ายและแจ่ม....ขนาดนี้ :-* :-*
ความรู้ใหม่เลยครับ
เรื่องง่ายๆที่ถูกมองข้าม :o
ขอบคุณครับ เคยมีแต่ภาพแตกๆ :)
Thank :)
555+ Full HD เลยเหรอ
??? ??? :-[ ว่าแต่ favicon มันคืออะไรครับ ???
อ้างถึงจาก: holychocolate ใน 23 กันยายน 2009, 22:59:46
??? ??? :-[ ว่าแต่ favicon มันคืออะไรครับ ???
Icon รูปเล็ก ๆ ที่เป็นสัญลักษณ์ของเวปนั้น ๆ หนะครับ เวลา Bookmark ไว้ที่ Tool Bar จะสังเกตุเห็น
ขอบคุณครับ +1
ขอบคุณครับผม
อ้างถึงจาก: SHIINZ ใน 23 กันยายน 2009, 23:07:20
อ้างถึงจาก: holychocolate ใน 23 กันยายน 2009, 22:59:46
??? ??? :-[ ว่าแต่ favicon มันคืออะไรครับ ???
Icon รูปเล็ก ๆ ที่เป็นสัญลักษณ์ของเวปนั้น ๆ หนะครับ เวลา Bookmark ไว้ที่ Tool Bar จะสังเกตุเห็น
:-[ :-[ อ๋อ ขอบคุณครับ
มาเก็บความรู้ครับ
Many Thanks
ลองจิ้มๆ ไปอ่ะ เป็นปลื้มครับ ไม่ผิดหวัง ;D
ใช้บริการ Web Service ขอแนะนำ ww.favicon.cc ::)
>:(
ง่ายมากๆ
แต่ถ้าไม่รู้เนี่ย ยากไปเลย หุหุ ขอบคุณครับ
ขอบคุณครับ :wanwan004:
ขอลคุณค้าบบบบ
อ้างถึงจาก: riaoma ใน 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
ใจจ้าสะดวกดีครับ :wanwan016:
แหล่มเลยครับ +1 เลย
โห คิดได้ไงเนี้่ย :wanwan017:
ขอบคุณคร๊าบ... แต่อยากรู้เพิ่มเติมว่า การทำ Favicon มันจะทำให้เว็บโหลดนานขึ้นรึเปล่าครับ
<LINK REL="SHORTCUT ICON" HREF="url รูป icon" />
รูปนามสกุลอะไรก็ได้ ขนาดเท่าไหร่ก็ได้ ใส่ลงไปเลยครับ
รูปเคลื่อนไหวยิ่งดูเก๋ไปอีกแบบ
ลองเขียน html ดูก่อนก็ได้ ง๊ายง่าย
:wanwan011:
ไฟล์ .bmp เป็นการเข้ารหัสรูปที่มีขนาดใหญ่เกินไปอยู่แล้ว (ปัญหาดาวน์โหลดเพจจะตามมา) และที่บอกว่า เปลี่ยนสกุลไฟล์จาก .bmp มาเป็น .ico ยิ่งไปกันใหญ่
ที่จริงๆ PS มีปลั๊กตัวนี้แล้วนะ ชื่อของมันคือ ICOFormat ลองค้นหาดูที่ google
:wanwan013: ขอบคุณคร๊าบ
โอ้ว อย่างนี้ต้องลองครับ
แต่ตอนนี้โฮสผมล่มซะงั้น ไม่รู้เป็นไร :-X
แต่ยังไงก็ขอบคุณมากครับ
โหยผมก็ทำตั้งนานแล้วครับนึกงว่าพี่ๆๆรู็แล้วอะอิอิ แต่ก้อไม่เป็นรัยครับขอบคุณมากๆๆๆ
+1 ครับ
เยี่ยมคับ ใช้ได้ทั้ง IE กะ Firefox ป่าวอ่ะ
อยากทำไอคอนสวยๆแบบmcafee
ลองทำแล้วยุดยอดครับ :wanwan017: :wanwan020: