สร้างม็อกอัปภาพหน้าจอ
ใส่ภาพหน้าจอลงในกรอบเบราว์เซอร์ แล็ปท็อป โทรศัพท์ หรือแท็บเล็ต พร้อมพื้นหลังและเงาที่กำหนดเอง แล้วส่งออกเป็น PNG
ประมวลผลในเบราว์เซอร์ของคุณ ไฟล์ของคุณไม่ถูกอัปโหลด
เครื่องมือนี้ทำอะไรได้
เปลี่ยนภาพหน้าจอธรรมดาให้เป็นภาพที่น่านำเสนอสำหรับหน้า Landing Page, README, รายการแอปในสโตร์ หรือโพสต์โซเชียล เลือกหน้าต่างเบราว์เซอร์ (พร้อมแถบที่อยู่ที่แก้ไขได้) แล็ปท็อป โทรศัพท์ หรือแท็บเล็ต กรอบถูกวาดด้วยเส้นเวกเตอร์ในเบราว์เซอร์ของคุณ จึงไม่มีภาพภายนอก และขอบยังคมชัดในทุกขนาด
ปรับแต่งด้วยพื้นหลังสีทึบ ไล่สี หรือโปร่งใส ระยะขอบ แถบเลื่อนปรับสเกล ความโค้งมน และเงาที่ปรับได้ ขนาดเอาต์พุตอาจเป็นไปตามเนื้อหาโดยอัตโนมัติ หรือตรงกับค่าที่ตั้งไว้ เช่น 1280x800 หรือ 1200x630 อุปกรณ์ถูกปรับขนาดตามอัตราส่วนของภาพหน้าจอ จึงไม่มีการยืดหรือครอบตัดภาพ
กรอบ ตัวเลือกการจัดแต่ง ความหนาแน่น และค่าที่ตั้งไว้ทั้งหมดใช้ได้ ภาพหน้าจอของคุณถูกประมวลผลในเครื่องและไม่ถูกอัปโหลด
วิธีใช้งาน
- 1เพิ่มภาพหน้าจอ (PNG, JPG, WebP, GIF หรือ AVIF)
- 2เลือกกรอบ ได้แก่ เบราว์เซอร์ แล็ปท็อป โทรศัพท์ หรือแท็บเล็ต สำหรับกรอบเบราว์เซอร์ ให้พิมพ์ที่อยู่ที่ต้องการแสดง
- 3ตั้งค่าพื้นหลัง ระยะขอบ สเกล ความโค้งมน และเงา
- 4เลือกขนาดเอาต์พุต หรือปล่อยไว้ที่อัตโนมัติ
- 5ดาวน์โหลด PNG
รูปแบบที่รองรับ
อินพุต: PNG, JPG, WebP, GIF (เฟรมแรก) และ AVIF เอาต์พุต: PNG พร้อมพื้นหลังโปร่งใสได้ตามต้องการ
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณ ข้อมูลที่คุณป้อนจะถูกประมวลผลบนอุปกรณ์ของคุณและไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา
ข้อจำกัด
- กรอบเป็นภาพประกอบทั่วไป ไม่ใช่สำเนาที่ตรงกับฮาร์ดแวร์ของแบรนด์ใด
- การส่งออกจำกัดที่ 8192 px ด้านที่ยาวที่สุดเพื่อให้อยู่ในขีดจำกัด canvas ของเบราว์เซอร์ ความหนาแน่น 2x/3x จะถูกลดลงอัตโนมัติหากจำเป็น
- GIF แบบเคลื่อนไหวจะส่งออกเฉพาะเฟรมแรก
- ภาพหน้าจอถูกวางตามอัตราส่วนของตัวเอง หากต้องการความละเอียดของอุปกรณ์ที่แน่นอน ให้ครอบตัดก่อน
คำถามที่พบบ่อย
ขอพื้นหลังโปร่งใสได้หรือไม่
ได้ เลือกโปร่งใสแล้วดาวน์โหลด PNG เงายังคงอยู่ การส่งออกแบบโปร่งใสใช้ได้ทุกความหนาแน่น
มีค่าที่ตั้งไว้แบบใดให้ใช้บ้าง
อัตโนมัติ, 1280x800, 1200x630, 1080x1080, 1920x1080, 1080x1920 และ 3840x2160
ทำไมม็อกอัปโทรศัพท์ของฉันดูแคบ
กรอบเป็นไปตามอัตราส่วนของภาพหน้าจอ ภาพหน้าจอโทรศัพท์แนวตั้งจะได้อุปกรณ์ทรงสูงที่อยู่กึ่งกลางของขนาดเอาต์พุตที่เลือก
เปลี่ยนข้อความในแถบที่อยู่ได้หรือไม่
ได้ เมื่อเลือกกรอบเบราว์เซอร์ ข้อความเป็นเพียงการตกแต่งและไม่ได้โหลดหน้าเว็บ
เครื่องมือที่เกี่ยวข้อง
สร้างภาพ Open Graph
ออกแบบภาพแชร์โซเชียลขนาด 1200x630 พร้อมชื่อเรื่อง โลโก้ และพื้นหลัง แล้วดาวน์โหลดเป็น PNG ทำงานทั้งหมดในเบราว์เซอร์ของคุณ
สร้าง Favicon
เปลี่ยนรูปภาพเดียวให้เป็นชุด favicon ครบถ้วน ทั้ง favicon.ico ไอคอน PNG หลายขนาด Apple touch icon ไอคอน Android เว็บแมนิเฟสต์ และแท็ก HTML
สร้างจานสี
สร้างชุดสีที่เข้ากันจากสีหลัก ล็อกสีที่ชอบ ตรวจสอบคอนทราสต์ WCAG และส่งออกเป็น CSS, Tailwind, JSON หรือ PNG
ดึงจานสีจากรูปภาพ
ดึงสีเด่นจากรูปภาพใดก็ได้ คัดลอกรหัส hex เลือกสีจากพิกเซลที่ต้องการด้วยเครื่องมือหยดสี และส่งออกจานสี