ESC

ตกแต่งภาพหน้าจอ

ลากและวางภาพหน้าจอของคุณที่นี่

หรือคลิกเพื่อเลือกไฟล์ (PNG, JPG, WebP - สูงสุด 10MB)

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ รูปภาพจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ

ตัวอย่างการใช้งาน

บล็อกและบทความ

สร้างภาพหน้าจอที่สะดุดตาสำหรับบล็อกโพสต์ บทเรียน และบทความเทคนิค

แชร์โซเชียลมีเดีย

ทำให้ภาพหน้าจอแอปของคุณโดดเด่นบน Twitter, LinkedIn และแพลตฟอร์มอื่นๆ

โชว์เคสผลิตภัณฑ์

นำเสนอภาพหน้าจอผลิตภัณฑ์อย่างมืออาชีพสำหรับหน้า Landing และการนำเสนอ

คุณสมบัติ

ไล่สีสวยงาม

เลือกจาก 10 พรีเซ็ตไล่สีที่สวยงามหรือใช้สีเดียวสำหรับพื้นหลัง

กรอบเบราว์เซอร์

เพิ่มแถบชื่อหน้าต่างแบบ macOS พร้อมปุ่มสัญญาณไฟสำหรับรูปลักษณ์ที่เป็นมืออาชีพ

ตั้งค่าได้ตามต้องการ

ปรับระยะห่าง มุมโค้ง เงา และสเกลอย่างละเอียดเพื่อผลลัพธ์ที่สมบูรณ์แบบ

ส่วนตัวและปลอดภัย

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ รูปภาพไม่ออกจากอุปกรณ์

วิธีใช้

1

อัปโหลดภาพหน้าจอ

ลากและวางภาพหน้าจอหรือคลิกเพื่อเลือกไฟล์จากอุปกรณ์

2

ปรับแต่งสไตล์

เลือกพื้นหลัง ปรับระยะห่าง มุมโค้ง เงา และตัวเลือกกรอบเบราว์เซอร์

3

ดาวน์โหลดผลลัพธ์

ดูตัวอย่างภาพหน้าจอที่ตกแต่งแล้วและดาวน์โหลดเป็น PNG คุณภาพสูง

คำถามที่พบบ่อย

รองรับไฟล์ PNG, JPEG และ WebP ขนาดสูงสุด 10 MB โดยผลลัพธ์ที่ได้จะเป็นไฟล์ PNG เสมอ — แม้ว่าคุณจะอัปโหลด JPEG แต่ไฟล์ที่ดาวน์โหลดจะเป็น PNG เพื่อรักษาความโปร่งใสในส่วนของกรอบภาพไว้

ได้ โดยเปิดใช้งานปุ่มสลับ "Add macOS window title bar" ในส่วน Browser Chrome ซึ่งจะเพิ่มแถบชื่อสีเทาพร้อมปุ่มไฟจราจรสีแดง เหลือง และเขียวแบบคลาสสิกเหนือสกรีนช็อตของคุณ ช่วยให้ภาพสกรีนช็อตของแอปหรือเว็บไซต์ดูเหมือนวางอยู่ในหน้าต่างเบราว์เซอร์หรือแอปพลิเคชันจริงๆ

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

เครื่องมือนี้ประกอบด้วย 10 Built-in gradient presets ที่ครอบคลุมการผสมสีที่นิยม เช่น ม่วง-ชมพู, ฟ้า-ไซแอน, ส้ม-แดง, เขียว-ทีล และอื่นๆ คุณยังสามารถสลับไปใช้โหมด Solid Color และเลือกสี Hex ใดก็ได้ หรือเลือก Transparent เพื่อให้ได้ไฟล์ PNG ที่มีเพียงเงาและสกรีนช็อตของคุณบนพื้นหลังที่โปร่งใส

Scale จะเพิ่มความละเอียดของผลลัพธ์ ที่ 1x ผลลัพธ์จะตรงกับขนาดของ Canvas ตามที่แสดงผล ที่ 2x แต่ละพิกเซลในตัวอย่างจะกลายเป็น 4 พิกเซลในการดาวน์โหลด ซึ่งจะทำให้คุณได้ภาพที่มีความคมชัดระดับ Retina ให้ใช้ 2x สำหรับอะไรก็ตามที่จะแสดงบนหน้าจอความละเอียดสูง (Retina MacBooks, โทรศัพท์รุ่นใหม่) หรือเมื่อคุณต้องการรายละเอียดสูงสุดสำหรับรูปภาพ Thumbnail ของบล็อกและโพสต์ในโซเชียลมีเดีย

ได้ ให้เลือก "Transparent" เป็นประเภทพื้นหลัง และไฟล์ PNG ที่ส่งออกจะมีพื้นหลังโปร่งใสหลังกรอบสกรีนช็อต สิ่งนี้มีประโยชน์เมื่อคุณต้องการวางสกรีนช็อตที่ตกแต่งแล้วทับบนพื้นหลังที่กำหนดเองใน CMS ของบล็อก, งานนำเสนอ หรือเครื่องมือออกแบบ

ขนาดไฟล์สูงสุดคือ 10 MB สำหรับสกรีนช็อตที่มีขนาดใหญ่มาก (เกิน 4000x4000 พิกเซล) การเรนเดอร์บน Canvas อาจจะช้าลงในอุปกรณ์รุ่นเก่า เพื่อประสิทธิภาพที่ดีที่สุด ควรปรับขนาดสกรีนช็อตที่ใหญ่เกินไปให้เล็กลงในโปรแกรมแก้ไขภาพก่อนอัปโหลด โดยเฉพาะหากคุณวางแผนจะใช้การตั้งค่า Scale แบบ 2x

ได้ ไฟล์ PNG ที่ตกแต่งแล้วถูกสร้างขึ้นจากสกรีนช็อตของคุณเองทั้งหมดโดยการเรนเดอร์ฝั่งเบราว์เซอร์ ไม่มีลายน้ำ ไม่ต้องระบุที่มา และไม่มีข้อจำกัดในการใช้งาน คุณสามารถใช้ผลลัพธ์ในงานลูกค้า, หน้า Landing Page ของผลิตภัณฑ์, คอร์สเรียนแบบชำระเงิน หรือที่อื่นๆ ที่คุณต้องการภาพลักษณ์ที่ดูสวยงามและเป็นมืออาชีพ

ตกแต่งภาพหน้าจอคืออะไร?

อัปโหลดภาพหน้าจอธรรมดาแล้วตกแต่งด้วยพื้นหลังไล่สี เงา มุมโค้ง และกรอบหน้าต่าง macOS เสริม ผลลัพธ์คือภาพที่สวยงามพร้อมใช้ในบล็อก ทวีต หรือสไลด์นำเสนอ

ตัวเลือกการปรับแต่ง

เลือกจากค่าตั้งต้นด่วน (หน้าต่าง macOS โซเชียลมีเดีย ภาพผลิตภัณฑ์ มินิมอล) หรือปรับ padding รัศมีมุม ความเบลอเงา และสเกลเอง สเกล 2x ให้ผลลัพธ์คมชัดคุณภาพ Retina

ใครใช้บ้าง?

นักพัฒนาอินดี้แชร์อัปเดตผลิตภัณฑ์บน Twitter นักพัฒนาเขียนบทเรียน นักการตลาดสร้างภาพสำหรับหน้า Landing -- ทุกคนที่อยากได้ภาพหน้าจอสวยโดยไม่ต้องเปิด Figma

เคล็ดลับ

ใช้พื้นหลังไล่สีสำหรับโพสต์โซเชียล และสีเดียวหรือโปร่งใสสำหรับเอกสาร ตั้งสเกลเป็น 2x เมื่อภาพจะแสดงบนหน้าจอ DPI สูง

ความเป็นส่วนตัว

รูปภาพอยู่บนอุปกรณ์ของคุณ การประมวลผลใช้ Canvas API ของเบราว์เซอร์โดยไม่มีการเรียกเซิร์ฟเวอร์ ไม่มีการอัปโหลด ไม่มีการติดตาม

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย

ขั้นตอนถัดไป

อีกมากมายใน MoreOnlineTools