Softonic

เครื่องสร้างภาพจำลองสกรีนช็อต

ขั้นตอน 1 / 3

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

วิธีสร้างภาพจำลองสกรีนช็อต

  1. 1

    อัปโหลดภาพหน้าจอของคุณ

    ไฟล์ PNG, JPG หรือ WebP ใดก็ได้ ขนาดไม่เกิน 30 MB ถ่ายด้วยความละเอียดใดก็ได้ เครื่องมือนี้รองรับทั้งภาพ Retina และภาพมาตรฐาน

  2. 2

    เลือกกรอบ

    หน้าต่างเบราว์เซอร์ (มีจุดสามสีแบบสัญญาณไฟจราจรและแถบ URL), หน้าต่าง macOS (มีจุดสามสีแบบสัญญาณไฟจราจร) หรือกรอบเรียบง่ายที่มีเพียงมุมโค้งมน

  3. 3

    ออกแบบพื้นหลัง

    เลือกสีพื้นหลังที่ไล่เฉดไปเป็นเกรเดียนต์โทนอุ่น เพิ่มระยะขอบ ปรับรัศมีมุม และเปิดหรือปิดเงา

  4. 4

    ส่งออก

    ดาวน์โหลดภาพจำลองที่เสร็จแล้วเป็นไฟล์ PNG สำหรับโพสต์โซเชียลมีเดีย สไลด์ หรือชุดสื่อประชาสัมพันธ์

การเลือกกรอบและพื้นหลังที่เหมาะสม

การเลือกกรอบบ่งบอกบริบท แถบเบราว์เซอร์สื่อถึง “แอปเว็บ” หน้าต่าง macOS สื่อถึง “แอปเดสก์ท็อป” ส่วนกรอบเรียบง่ายช่วยให้สายตาจดจ่อกับอินเทอร์เฟซที่มีกรอบของตัวเองอยู่แล้ว เลือกกรอบที่ตรงกับสิ่งที่คุณต้องการนำเสนอ

คู่มือเลือกกรอบ

กรอบ เหมาะที่สุดสำหรับ
หน้าต่างเบราว์เซอร์ ฟีเจอร์ SaaS, แลนดิงเพจ, แดชบอร์ด
หน้าต่าง macOS แอปเดสก์ท็อป, โปรแกรมแก้ไข, ภาพจากเทอร์มินัล
เรียบง่าย ภาพหน้าจอที่มีกรอบของตัวเองอยู่แล้ว

ขนาดอ้างอิงที่แนะนำ

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

ปลายทาง ขนาด (พิกเซล)
การ์ด Twitter / X 1600 x 900
รูปภาพเดี่ยว LinkedIn 1200 x 627
ฟีด Instagram (แนวนอน) 1080 x 566
แกลเลอรี Product Hunt 1270 x 760
สไลด์ (16:9) 1920 x 1080

เคล็ดลับด้านสไตล์

  • ให้เงาดูบางเบา เงาช่วยยกกรอบให้ลอยขึ้นจากพื้นหลัง เปิดไว้เพื่อความมีมิติ หรือปิดเพื่อลุคแบนเรียบมินิมอล
  • เว้นระยะขอบให้เพียงพอ ระยะ 60-120 พิกเซลรอบกรอบช่วยไม่ให้ภาพหน้าจอดูอึดอัด
  • เลือกพื้นหลังที่เข้ากับแบรนด์ของคุณ สีที่คุณเลือกจะไล่เฉดไปเป็นเกรเดียนต์โทนอุ่น ดังนั้นโทนสีที่ใกล้เคียงกับแบรนด์จะเชื่อมโยงชิ้นงานเข้ากับเว็บไซต์ของคุณ
  • จับคู่กรอบให้เข้ากับเนื้อหา แถบเบราว์เซอร์ล้อมรอบแอปเดสก์ท็อป หรือหน้าต่าง macOS ล้อมรอบหน้าเว็บ จะดูไม่เข้ากัน หากไม่แน่ใจให้ใช้กรอบเรียบง่าย
  • ลบข้อมูลที่ละเอียดอ่อน (อีเมลผู้ใช้ ชื่อจริง ข้อมูลการชำระเงิน) ก่อนส่งออก การเบลอข้อมูลง่ายกว่าการเผชิญกับผลทางกฎหมาย

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

สามแบบ ได้แก่ หน้าต่างเบราว์เซอร์ (จุดสามสีแบบสัญญาณไฟจราจรพร้อมแถบ URL), หน้าต่าง macOS (จุดสามสีแบบสัญญาณไฟจราจร ไม่มีแถบ URL) และกรอบเรียบง่ายที่เพียงลบมุมภาพหน้าจอของคุณให้โค้งมน กรอบเหล่านี้เป็นการออกแบบเชิงสไตล์ ไม่ใช่การจำลองผลิตภัณฑ์ใดผลิตภัณฑ์หนึ่งในระดับพิกเซล จึงปลอดภัยสำหรับการใช้งานด้านการตลาดในพื้นที่ส่วนใหญ่

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

ภาพจำลองถูกเรนเดอร์ที่ความกว้างการทำงานที่พอเหมาะ ดังนั้นภาพหน้าจอที่ใหญ่มากจะถูกย่อให้พอดีกับกรอบ ถ่ายด้วย Retina (2x) เพื่อผลลัพธ์ที่คมชัดที่สุด และไฟล์ PNG ที่ส่งออกจะยังคมชัดบนหน้าจอความละเอียดสูง

ไม่ การประกอบภาพดำเนินการภายในแคนวาสของเบราว์เซอร์ และภาพจะออกจากอุปกรณ์ของคุณเมื่อคุณบันทึกไฟล์ PNG สุดท้ายเท่านั้น

เครื่องมือที่เกี่ยวข้อง

ตัวเลือกสี Material Design

สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว

เครื่องสร้างกระดาษเส้นบรรทัด

สร้างกระดาษเส้นบรรทัดพร้อมพิมพ์ได้ฟรี เลือกเส้นแบบวิทยาลัย กว้าง หรือแคบ ตั้งระยะห่างบรรทัดเป็นมิลลิเมตร ขนาดกระดาษ และเส้นขอบ แล้วพิมพ์หรือดาวน์โหลดเป็น SVG

เครื่องมือแบ่งกริดรูปภาพ Instagram

แบ่งรูปภาพขนาดใหญ่ให้เป็นกริด Instagram ขนาด 3×3 หรือกี่แถวก็ได้ แต่ละแผ่นภาพมีหมายเลขกำกับ จึงอัปโหลดแบบย้อนลำดับได้ง่าย

เครื่องมือสร้างธง

ออกแบบธงแบบกำหนดเองอัตราส่วน 3:2 อย่างเรียบง่ายในเบราว์เซอร์ ด้วยเลย์เอาต์ 6 แบบ สี ข้อความ และสัญลักษณ์ ดาวน์โหลด SVG หรือ PNG หรือเปิดกล่องโต้ตอบการพิมพ์ของเบราว์เซอร์ได้

ตัวแปลง JPG เป็น Word

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

โปรแกรมแปลงรูปแบบภาพ

แปลงรูปภาพเป็น JPG, PNG หรือ WebP ได้ทันทีในเบราว์เซอร์ พร้อมควบคุมคุณภาพสำหรับรูปแบบบีบอัดและรักษาความโปร่งใสใน PNG และ WebP

เครื่องมือนี้มีให้บริการในภาษาอื่น