แปลง HTML เป็น JPG

Q: แปลงเทมเพลตอีเมล HTML เป็นรูปภาพเพื่อใช้ดูตัวอย่างได้หรือไม่

ได้ ตั้ง **ความกว้างหน้า HTML** เป็น 600 px ซึ่งเป็นความกว้างที่เทมเพลตอีเมลส่วนใหญ่ออกแบบไว้ และเลือกรูปยาวรูปเดียว ผลลัพธ์คือภาพตัวอย่างสำหรับส่งให้ผู้ที่ไม่ควรได้รับอีเมลทดสอบจริง

อัปโหลดหน้าเว็บที่บันทึกไว้ เทมเพลตอีเมล หรือรายงาน HTML แล้วรับกลับเป็นรูป JPG ของทั้งหน้าตั้งแต่บนสุดจนถึงล่างสุด คุณเลือกความกว้างของเบราว์เซอร์ได้เอง ผลลัพธ์จึงแสดงเลย์เอาต์แบบเดสก์ท็อปหรือแบบมือถือก็ได้

หรือลากไฟล์ DOC, DOCX, DOCM … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

ความละเอียด

รูปภาพ

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

วิธีใช้เครื่องมือนี้

1
อัปโหลดไฟล์ HTML
วางไฟล์ .html, .htm หรือ .mhtml ได้ครั้งละไม่เกิน 20 ไฟล์ สำหรับหน้าเว็บที่มีรูปภาพและสไตล์ ให้บันทึกจากเบราว์เซอร์เป็นไฟล์เดียว (MHTML) ก่อน เพื่อให้ทุกอย่างอยู่ในไฟล์เดียวกับหน้าเว็บ
2
เลือกความกว้างของหน้า
ความกว้างหน้า HTML เริ่มต้นที่ 1280 px ซึ่งเป็นขนาดของแล็ปท็อปทั่วไป ใส่ 390 px สำหรับเลย์เอาต์บนมือถือ หรือ 600 px สำหรับเทมเพลตอีเมล ส่วน รูปภาพ ตั้งไว้เป็นรูปยาวรูปเดียว
3
แปลงเป็น JPG
กด แปลงเป็น JPG แล้วดาวน์โหลดรูป หากต้องการแบ่งหน้าเป็นชิ้นขนาดพิมพ์ ให้เปลี่ยน รูปภาพ เป็นหนึ่งรูปต่อหน้า

การแปลง HTML เป็น JPG คือการแคปหน้าจอทั้งหน้าจากไฟล์ ความกว้างเบราว์เซอร์ที่คุณเลือกกำหนดเลย์เอาต์ และ JPG จะเก็บทุกพิกเซลของเลย์เอาต์นั้นไว้

ไฟล์ HTML กลายเป็นรูป JPG ได้อย่างไร

ไฟล์ HTML เป็นชุดคำสั่ง ไม่ใช่รูปภาพ เบราว์เซอร์อ่านมาร์กอัป ใช้สไตล์ชีต โหลดรูปภาพและฟอนต์ แล้วจัดวางทุกอย่างตามความกว้างของหน้าต่าง เมื่อเปลี่ยนความกว้าง หน้าเว็บแบบตอบสนองจะจัดเรียงใหม่ คอลัมน์ซ้อนกัน เมนูพับเก็บ รูปย่อลง ตัวแปลงจึงถาม ความกว้างหน้า HTML ก่อนอย่างอื่น

เมื่อจัดเลย์เอาต์เสร็จ ระบบจะแคปทั้งหน้าจากบนลงล่าง ไม่ใช่แค่ส่วนที่พอดีหน้าจอ หากตั้ง รูปภาพ เป็นรูปยาวรูปเดียว คุณจะได้ JPG สูงหนึ่งรูป หากเปลี่ยนเป็นหนึ่งรูปต่อหน้า เนื้อหาเดียวกันจะถูกตัดเป็นรูปขนาดหน้ากระดาษแทน

คุณภาพเริ่มต้นที่ 85 ซึ่งทำให้ตัวอักษรเนื้อหายังอ่านง่าย และไฟล์เล็กกว่า PNG ของหน้าเดียวกันมาก เพิ่มไปทาง 95 หากหน้ามีตัวอักษรเล็กหรือขอบตารางบางที่ต้องคมชัด

1280 pxความกว้างเบราว์เซอร์เริ่มต้นที่ใช้เรนเดอร์หน้าเว็บ

ช่วงที่รองรับ: 320 ถึง 3840 px ความกว้างแคบจะแสดงเลย์เอาต์มือถือ ความกว้างมากจะแสดงเลย์เอาต์เดสก์ท็อป

เลือกความกว้างของหน้า: หน้าเดสก์ท็อปเต็มหน้าหรือมุมมองมือถือ

ค่าเริ่มต้น เว็บไซต์ส่วนใหญ่แสดงเลย์เอาต์เดสก์ท็อปเต็มรูปแบบที่ความกว้างนี้ พร้อมแถบเมนูและคอลัมน์ด้านข้าง

ตรวจทานเว็บไซต์และขออนุมัติจากลูกค้า
เก็บถาวรหน้าตาของหน้าเว็บ
สไลด์และรายงาน

เมื่อผลการแปลง HTML เป็น JPG ดูไม่ถูกต้อง

รูปภาพหายหรือแสดงเป็นไอคอนเสีย
รูปภาพถูกเก็บไว้ข้างไฟล์ HTML ไม่ได้อยู่ในไฟล์ ให้บันทึกหน้าเว็บเป็นไฟล์ MHTML ไฟล์เดียว หรือใช้ที่อยู่เว็บแบบเต็มสำหรับรูปภาพ
หน้าว่างเปล่าหรือแสดงเพียงไอคอนกำลังโหลด
เนื้อหาถูกสร้างโดยสคริปต์หลังโหลดหน้า หรืออยู่หลังการเข้าสู่ระบบ ให้เปิดในเบราว์เซอร์ รอจนโหลดครบ แล้วบันทึกเป็นไฟล์เดียว
ข้อความถูกตัดที่ขอบขวา
หน้าเว็บมีความกว้างคงที่มากกว่าหน้าต่าง ให้เพิ่ม ความกว้างหน้า HTML ให้เท่ากัน เช่น 1440 px
ไฟล์ JPG ใหญ่เกินไปสำหรับแบบฟอร์มอัปโหลด
ลด คุณภาพ เหลือราว 70 ใช้ความกว้างที่แคบลง หรือลดขนาดผลลัพธ์ภายหลังด้วย ลดขนาดรูป

HTML

HyperText Markup Language

HTML คือภาษามาร์กอัปของเว็บ อธิบายครั้งแรกโดย Tim Berners-Lee ในช่วงต้นทศวรรษ 1990 และปัจจุบัน WHATWG ดูแลในฐานะมาตรฐานที่ปรับปรุงต่อเนื่อง (living standard) ไฟล์ HTML อธิบายหัวข้อ ย่อหน้า ลิงก์ ตาราง รูปภาพ และแบบฟอร์ม ส่วนการจัดรูปแบบมักมาจาก CSS เบราว์เซอร์ทุกตัวแสดงผล HTML ได้ และยังใช้กับเทมเพลตอีเมลและหน้าเว็บที่บันทึกไว้ ไฟล์ HTML ไฟล์เดียวมักอาศัยรูปภาพและสไตล์ชีตภายนอก จึงอาจแสดงผลผิดเพี้ยนเมื่อย้ายไปเพียงไฟล์เดียว

การบีบอัด: –
พื้นหลังโปร่งใส: –
ภาพเคลื่อนไหว: –
เปิดตัว: 1993 · Tim Berners-Lee; maintained by WHATWG

ตัวแปลงไฟล์ HTML

JPG

ภาพ JPEG

JPEG (หรือ JPG) คือรูปแบบภาพถ่ายที่ใช้กันแพร่หลายที่สุด กำหนดเป็นมาตรฐานโดย Joint Photographic Experts Group ในปี 1992 ใช้การบีบอัดแบบสูญเสียข้อมูล (lossy) ที่ตัดรายละเอียดเล็ก ๆ ซึ่งสายตาไม่น่าจะสังเกตเห็นออกไป ภาพถ่ายจึงมีขนาดเล็กพอสำหรับเว็บ อีเมล และพื้นที่เก็บข้อมูลในโทรศัพท์ จัดการการไล่ระดับสีที่นุ่มนวลและภาพธรรมชาติได้ดี แต่ข้อความคมชัด ลายเส้น และสีพื้นเรียบจะเกิดสิ่งแปลกปลอมเป็นบล็อกหรือพร่ามัวที่มองเห็นได้ JPEG ไม่มีพื้นหลังโปร่งใสและไม่มีภาพเคลื่อนไหว และสูญเสียคุณภาพเพิ่มขึ้นเล็กน้อยทุกครั้งที่บันทึกซ้ำ เบราว์เซอร์ โทรศัพท์ กล้อง และโปรแกรมแก้ไขภาพทุกตัวเปิดได้

การบีบอัด: แบบสูญเสียข้อมูล
พื้นหลังโปร่งใส: ไม่ได้
ภาพเคลื่อนไหว: ไม่ได้
เปิดตัว: 1992 · Joint Photographic Experts Group

ตัวแปลงไฟล์ JPG

HTML จะแสดงผลถูกต้องเฉพาะในเบราว์เซอร์ การแปลงเป็น JPG จะตรึงหน้าตาหนึ่งแบบให้เป็นรูปภาพที่แนบ โพสต์ เก็บถาวร หรือวางลงสไลด์ได้ ซึ่งโค้ดทำไม่ได้

คำถามเกี่ยวกับการแปลง HTML เป็น JPG

วางที่อยู่เว็บไซต์แทนการอัปโหลดไฟล์ได้หรือไม่

ไม่ได้ ตัวแปลงนี้ทำงานกับไฟล์ HTML ที่คุณอัปโหลดเท่านั้น ให้เปิดหน้าเว็บในเบราว์เซอร์ เลือก Save Page As แล้วเลือก Webpage, Single File (MHTML ใน Chrome และ Edge) จากนั้นอัปโหลดไฟล์นั้น ซึ่งรวม HTML สไตล์ และรูปภาพไว้ด้วยกัน

ทำไมไฟล์ JPG แสดงแค่ข้อความธรรมดาโดยไม่มีการจัดรูปแบบ

ไฟล์ HTML ถูกบันทึกโดยไม่มีสไตล์ชีตและรูปภาพ ซึ่งเกิดขึ้นเมื่อเลือกตัวเลือก Webpage, HTML Only ตัวแปลงจึงเห็นเพียงโค้ดมาร์กอัป ให้บันทึกหน้าเว็บใหม่เป็นไฟล์ MHTML ไฟล์เดียว หรือใส่ CSS แบบอินไลน์ใน HTML ก่อนอัปโหลด

รูป JPG หนึ่งรูปรองรับหน้าเว็บได้ยาวแค่ไหน

ฟอร์แมต JPEG จำกัดแต่ละด้านไว้ที่ 65,535 พิกเซล หน้าเว็บที่ยาวมากเมื่อตั้งความกว้างสูงจึงอาจชนขีดจำกัดนี้ สำหรับบทความยาว ให้เปลี่ยน รูปภาพ เป็นหนึ่งรูปต่อหน้า หรือแปลงเป็น แปลง HTML เป็น PDF ซึ่งไม่มีขีดจำกัดนี้

ควรเลือก JPG หรือ PNG สำหรับภาพหน้าจอของหน้าเว็บ

JPG มีขนาดเล็กกว่าและเหมาะกับหน้าที่มีรูปถ่าย ส่วน PNG เก็บตัวอักษรเล็กและเส้นบางได้คมชัดสมบูรณ์ และรองรับพื้นหลังโปร่งใส จึงเหมาะกับแบบจำลอง UI และแดชบอร์ดมากกว่า บทความ JPG vs JPEG vs PNG อธิบายข้อดีข้อเสียไว้แล้ว

ทำไมฟอนต์ในรูปจึงดูต่างจากในเบราว์เซอร์ของฉัน

ฟอนต์ที่ติดตั้งเฉพาะในคอมพิวเตอร์ของคุณจะไม่มีในที่ที่ใช้เรนเดอร์หน้าเว็บ จึงใช้ฟอนต์สำรองแทน เว็บฟอนต์ที่ฝังอยู่ในหน้าที่บันทึกหรือโหลดมาพร้อมสไตล์ของหน้าจะแสดงตามที่ออกแบบไว้

แปลงเทมเพลตอีเมล HTML เป็นรูปภาพเพื่อใช้ดูตัวอย่างได้หรือไม่

ได้ ตั้ง ความกว้างหน้า HTML เป็น 600 px ซึ่งเป็นความกว้างที่เทมเพลตอีเมลส่วนใหญ่ออกแบบไว้ และเลือกรูปยาวรูปเดียว ผลลัพธ์คือภาพตัวอย่างสำหรับส่งให้ผู้ที่ไม่ควรได้รับอีเมลทดสอบจริง