แปลง JPG เป็น ICO
สร้างไอคอน .ico จากรูปถ่าย โลโก้ หรือรูปโปรไฟล์ที่เป็น JPG ไฟล์เดียวเก็บทุกขนาดตั้งแต่ 16 ถึง 256 px แท็บเบราว์เซอร์ แถบบุ๊กมาร์ก และเดสก์ท็อป Windows จึงเลือกใช้ขนาดที่ต้องการได้เอง
แปลงไฟล์รูปภาพ
หรือลากไฟล์ JPG, JPEG, JPE … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่า 85 ทำให้ภาพถ่ายดูเหมือนต้นฉบับทุกประการ ควรลดค่านี้เฉพาะเมื่อต้องการไฟล์ที่เล็กลง
JPG, BMP และ EPS ไม่รองรับความโปร่งใส พิกเซลโปร่งใสจะถูกเติมด้วยสีนี้
รหัสสีแบบ Hex ที่ใช้แทนพิกเซลโปร่งใส เช่น #FFFFFF
รูปแบบนี้เก็บภาพได้เพียงภาพเดียว หากต้องการคงภาพเคลื่อนไหวไว้ ให้เลือกผลลัพธ์เป็น GIF หรือ WebP
ไอคอนหลายขนาดจะรวมความละเอียดหลายระดับไว้ในไฟล์เดียว เบราว์เซอร์และระบบปฏิบัติการจะเลือกขนาดที่ต้องใช้เอง
คงขนาดภาพเดิมไว้ หรือกำหนดด้านใดด้านหนึ่ง โดยระบบจะคงอัตราส่วนภาพไว้
จำนวนพิกเซลของด้านที่เลือกไว้ด้านบน
เปอร์เซ็นต์ของขนาดภาพต้นฉบับ
sRGB เหมาะสำหรับหน้าจอและเว็บไซต์ ควรคงค่าเดิมไว้สำหรับงานพิมพ์ ส่วนระดับสีเทาจะตัดสีออกทั้งหมด
เป็นข้อมูลเมตาเท่านั้น ค่า 0 จะคงค่าเดิมไว้ เครื่องพิมพ์และบางเว็บไซต์จะอ่านค่านี้ แต่จะไม่เปลี่ยนขนาดภาพเป็นพิกเซล
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ JPG ทรงสี่เหลี่ยมจัตุรัส
ใช้รูปที่มีขนาดอย่างน้อย 256 × 256 px และครอปเป็นสี่เหลี่ยมจัตุรัสแล้ว อัปโหลดได้สูงสุด 20 ไฟล์ JPG ต่อครั้ง หากต้องการทำไอคอนสำหรับหลายเว็บไซต์หรือหลายโปรแกรม
- 2
เลือกขนาดที่ต้องการ
ตัวเลือก ขนาดไอคอน ตั้งเป็น ทุกขนาด (16–256) ไว้แล้ว หากโปรแกรมต้องการขนาดเดียว เช่น 32 px ให้เลือกขนาดนั้นใน การตั้งค่าขั้นสูง
- 3
กดแปลงเป็น ICO
ดาวน์โหลดไฟล์ .ico แล้วเปลี่ยนชื่อเป็น favicon.ico สำหรับเว็บไซต์ หรือเลือกไฟล์นี้เป็นไอคอนของทางลัดบน Windows
แปลง JPG เป็น ICO สำหรับ favicon หรือช็อตคัต Windows
ไฟล์ไอคอนอยู่คู่กับ Windows มาตั้งแต่เวอร์ชันแรก ๆ และ ICO ยังเป็นรูปแบบที่ Windows ใช้เก็บไอคอนโปรแกรมและทางลัด เว็บไซต์เริ่มนำมาใช้ในปี 1999 เมื่อ Internet Explorer 5 เริ่มร้องขอ /favicon.ico จากทุกเว็บไซต์ที่เพิ่มในรายการโปรด และเบราว์เซอร์ก็ยังขอไฟล์นี้อยู่ทุกวันนี้ Windows Vista เพิ่มขนาดสูงสุดเป็น 256 × 256 px และอนุญาตให้เก็บรายการขนาดใหญ่เป็นข้อมูล PNG แบบบีบอัด
ไฟล์ ICO คือไดเรกทอรีเล็ก ๆ ของรูปภาพ หนึ่งรูปต่อหนึ่งขนาด นี่คือข้อแตกต่างสำคัญจากการปรับขนาด JPG ธรรมดา แท็บเบราว์เซอร์ใช้รายการ 16 px แท็บบนจอความละเอียดสูงหรือทาสก์บาร์ใช้ 32 px และเดสก์ท็อป Windows ที่แสดงไอคอนขนาดใหญ่ใช้ 256 px แต่ละรายการถูกปรับขนาดแยกจากต้นฉบับ โลโก้ JPG จึงคมชัดทุกขนาด ไม่ใช่ขยายจากรูปเล็กรูปเดียว
ใครต้องการไฟล์ ICO และต้องใช้ขนาดเท่าใด
| หน่วยงาน | ข้อกำหนด | แหล่งที่มา |
|---|---|---|
| เบราว์เซอร์ (Chrome, Edge, Firefox, Safari) | favicon.ico ที่รากของเว็บไซต์ หรือ <link rel="icon"> โดยแท็บใช้ขนาด 16 และ 32 px | — |
| Google Search | favicon สี่เหลี่ยมจัตุรัสขนาดทวีคูณของ 48 px (48, 96, 144 …) สำหรับไอคอนข้างผลการค้นหา รองรับรูปแบบ ICO | — |
| กล่องโต้ตอบเปลี่ยนไอคอนของทางลัด Windows | ไฟล์ .ico โดยขนาด 256 px ให้การแสดงไอคอนขนาดใหญ่ที่คมชัด | — |
| การตั้งค่าไอคอนเว็บไซต์ของ WordPress | รูปสี่เหลี่ยมจัตุรัสอย่างน้อย 512 × 512 px โดยสร้างขนาดต่าง ๆ เองจาก JPG หรือ PNG | — |
JPG
ภาพ JPEG
JPEG (หรือ JPG) คือรูปแบบภาพถ่ายที่ใช้กันแพร่หลายที่สุด กำหนดเป็นมาตรฐานโดย Joint Photographic Experts Group ในปี 1992 ใช้การบีบอัดแบบสูญเสียข้อมูล (lossy) ที่ตัดรายละเอียดเล็ก ๆ ซึ่งสายตาไม่น่าจะสังเกตเห็นออกไป ภาพถ่ายจึงมีขนาดเล็กพอสำหรับเว็บ อีเมล และพื้นที่เก็บข้อมูลในโทรศัพท์ จัดการการไล่ระดับสีที่นุ่มนวลและภาพธรรมชาติได้ดี แต่ข้อความคมชัด ลายเส้น และสีพื้นเรียบจะเกิดสิ่งแปลกปลอมเป็นบล็อกหรือพร่ามัวที่มองเห็นได้ JPEG ไม่มีพื้นหลังโปร่งใสและไม่มีภาพเคลื่อนไหว และสูญเสียคุณภาพเพิ่มขึ้นเล็กน้อยทุกครั้งที่บันทึกซ้ำ เบราว์เซอร์ โทรศัพท์ กล้อง และโปรแกรมแก้ไขภาพทุกตัวเปิดได้
- การบีบอัด
- แบบสูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ไม่ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1992 · Joint Photographic Experts Group
ICO
ไอคอน Windows
ICO คือรูปแบบไอคอนของ Microsoft ที่ใช้กับไอคอนโปรแกรมใน Windows และไอคอน favicon ของเว็บไซต์ ไฟล์ .ico หนึ่งไฟล์เก็บภาพได้หลายขนาด เช่น 16×16, 32×32, 48×48 และ 256×256 พิกเซล เพื่อให้ระบบเลือกขนาดที่เหมาะที่สุด แต่ละภาพเก็บเป็นบิตแมปหรือข้อมูล PNG ได้ และรองรับพื้นหลังโปร่งใสแบบ alpha เต็มรูปแบบ ICO ไม่ได้มีไว้สำหรับภาพถ่ายหรืองานภาพขนาดใหญ่ เบราว์เซอร์ Windows และโปรแกรมแก้ไขไอคอนส่วนใหญ่อ่านไฟล์นี้ได้
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- Microsoft
คนแปลง JPG เป็น ICO เมื่อมีโลโก้หรืออวาตาร์เป็นไฟล์ JPG แบบภาพถ่ายเพียงไฟล์เดียว แต่เว็บไซต์ ธีม หรือทางลัด Windows ต้องการไฟล์ .ico หลายขนาด
ทำรูปถ่าย JPG ให้เป็นไอคอนที่ยังดูออกที่ขนาด 16 px
รูปถ่ายทำไอคอนได้ไม่ดีด้วยเหตุผลเดียว คือรายละเอียดหายไปเมื่อต่ำกว่า 32 px โลโก้ที่ส่งออกเป็น JPG พื้นเรียบเป็นกรณีที่ดีที่สุดและแปลงได้สวย ส่วนรูปสินค้าหรือรูปคนต้องครอปชิดรูปทรงที่จำได้ชัดเจนก่อน ใช้เครื่องมือ ครอปรูป เพื่อทำให้เป็นสี่เหลี่ยมจัตุรัส หรืออ่าน วิธีครอปรูปตามอัตราส่วน สำหรับการตัดภาพ 1:1 ที่แม่นยำ
พื้นหลังของ JPG จะคงเดิม บนแท็บเบราว์เซอร์สีขาว สี่เหลี่ยมสีขาวจะมองไม่เห็น แต่ในโหมดมืดจะเห็นเป็นกรอบสว่าง หากเรื่องนี้สำคัญ ให้ตัดวัตถุออกด้วยโปรแกรมแต่งภาพ บันทึกเป็น PNG โปร่งใส แล้วแปลงไฟล์นั้นแทน
ก่อนเริ่มแปลงไฟล์
- ต้นฉบับเป็นสี่เหลี่ยมจัตุรัส ขนาด 256 × 256 px ขึ้นไป
- พื้นหลังเรียบหรือไม่ซับซ้อน
- รูปทรงชัดเจนหนึ่งอย่าง ไม่ใช่ทั้งฉาก
- ตรวจดูขนาด 16 px บนแท็บเบราว์เซอร์จริง
คำถามเกี่ยวกับการแปลง JPG เป็น ICO
แปลง JPG เป็นไอคอนพื้นหลังโปร่งใสได้หรือไม่
ไม่ได้ เพียงแค่แปลงไฟล์อย่างเดียว เพราะ JPG ไม่มีช่องอัลฟา (alpha) สิ่งที่อยู่รอบวัตถุ ซึ่งมักเป็นพื้นสีขาวหรือสีอื่น จึงติดไปในไอคอนทุกขนาด หากต้องการให้รูปทรงลอยอยู่บนแท็บเบราว์เซอร์ ให้ลบพื้นหลัง บันทึกเป็น PNG แล้วใช้ แปลง PNG เป็น ICO
ไฟล์ ICO ที่แปลงจาก JPG มีขนาดใดอยู่ข้างในบ้าง
เมื่อเลือก ทุกขนาด (16–256) ไฟล์จะมีเวอร์ชัน 16, 32, 64, 128 และ 256 px ซึ่งปรับขนาดมาจากรูป JPG ของคุณแต่ละขนาด หากโปรแกรมหรือธีมต้องการขนาดเดียว เช่น 32 px สำหรับ favicon แบบคลาสสิก ให้เลือกค่าเดียวใน ขนาดไอคอน
ไฟล์ JPG ควรมีขนาดภาพเท่าใดก่อนแปลงเป็น ICO
อย่างน้อย 256 × 256 px และเป็นสี่เหลี่ยมจัตุรัส ภาพต้นฉบับที่เล็กกว่านี้จะถูกขยายสำหรับขนาดใหญ่ และดูไม่คมชัดบนเดสก์ท็อป Windows ส่วนภาพต้นฉบับที่ใหญ่กว่ามากไม่มีปัญหา เพราะระบบแค่ย่อลง
ต้องวางไฟล์ favicon.ico ไว้ที่ใดบนเว็บไซต์
อัปโหลดไว้ที่รากของเว็บไซต์ เพื่อให้โหลดได้ที่ /favicon.ico เพราะเบราว์เซอร์จะร้องขอที่อยู่นี้เอง การเพิ่มบรรทัด <link rel="icon" href="/favicon.ico"> ในส่วน head ของหน้าจะช่วยระบุไฟล์ให้ชัดเจน
รูปถ่ายใบหน้าใช้เป็นไอคอนขนาดเล็กได้หรือไม่
แทบไม่ได้ เพราะที่ 16 × 16 px ใบหน้าจะเหลือเพียงกลุ่มสีไม่กี่ก้อน ให้ครอปชิดบริเวณศีรษะก่อน เพิ่มคอนทราสต์ หรือใช้ตัวอักษรย่อหรือสัญลักษณ์ง่าย ๆ สำหรับขนาดเล็กแทน
ไฟล์ JPEG ต่างจาก JPG สำหรับเครื่องมือแปลงนี้หรือไม่
ไม่ต่างกัน นามสกุลทั้งสองเก็บข้อมูล JPEG เหมือนกันและแปลงด้วยวิธีเดียวกัน หน้า แปลง JPEG เป็น ICO มีไว้สำหรับผู้ที่ค้นหาด้วยการสะกดแบบนั้นเท่านั้น