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

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

ใช้งานฟรีไม่ต้องสมัครสมาชิกผลลัพธ์ทันที

ตัวแต่งภาพหน้าจอลองใช้เลย — ฟรี ▼

🖼️

วางภาพหน้าจอที่นี่

หรือคลิกเพื่อเลือกไฟล์ · หรือกด Ctrl + V เพื่อวาง

PNG JPG WebP อยู่ในเบราว์เซอร์ของคุณ

screenshot.png

ขนาดส่งออก 0 × 0 ภาพหน้าจอเดโมในตัว — วางรูปของคุณเพื่อแทนที่

✨ ค่าสไตล์สำเร็จรูป

ตัวอย่างคลิกเดียว — แต่ละอันตั้งพื้นหลัง ระยะขอบ มุมโค้ง เงา และกรอบพร้อมกัน

🎨 พื้นหลัง

สีทึบ

📐 รูปทรง

ระยะขอบ8%

มุมโค้ง16

เอียง (มุมมอง)0°

เงา

🪟 กรอบหน้าต่าง

ข้อความแถบที่อยู่

🖥️ ขนาดแคนวาส

⬇️ ส่งออก

ไม่มีอะไรถูกอัปโหลด — PNG ถูกเข้ารหัสโดยเบราว์เซอร์ของคุณเอง

Embed ตัวแต่งภาพหน้าจอ Widget

เกี่ยวกับ ตัวแต่งภาพหน้าจอ

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

สิ่งที่เครื่องมือนี้เปลี่ยนจริงๆ

ภายในภาพหน้าจอของคุณไม่ถูกแตะต้อง ทุกการตั้งค่าทำงานกับกรอบรอบๆ และแผนภาพด้านล่างตั้งชื่อสี่ชั้นที่คุณกำลังปรับ

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

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

มุมโค้งความโค้งของมุมภาพหน้าจอ การจับรัศมีให้ตรงกับพื้นผิวที่คุณโพสต์คือสิ่งที่ทำให้รูปดูเนทีฟ

เงาตกกระทบความเบลอด้านล่างที่ยกภาพหน้าจอออกจากแคนวาส สี่ระดับความลึก จากแบนถึงจัดจ้าน

พื้นหลังอัตโนมัติ และทำไมถึงสำคัญ

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

กรอบหน้าต่างและการเอียงมุมมอง

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

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

ขนาดส่งออกสำหรับแต่ละแพลตฟอร์ม

ค่าแคนวาสสำเร็จรูป	พิกเซล	อัตราส่วน	เหมาะกับ
อัตโนมัติ	ตามรูปของคุณ	ต้นฉบับ	โพสต์บล็อก เอกสาร บันทึกการเปลี่ยนแปลง อีเมล
สี่เหลี่ยม	1080 x 1080	1:1	ฟีด Instagram อวาตาร์ แคโรเซล
แนวตั้ง	1080 x 1350	4:5	รูปสูงสุดที่ Instagram จะแสดงเต็ม
โพสต์ X	1600 x 900	16:9	รูปในฟีดของ X และ Mastodon
Open Graph	1200 x 630	1.91:1	ตัวอย่างลิงก์บน X, Slack, LinkedIn, Discord
LinkedIn	1200 x 627	1.91:1	โพสต์ฟีด LinkedIn
สตอรี่	1080 x 1920	9:16	สตอรี่ Instagram และ TikTok ปก Reels

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

วิธีใช้ตัวแต่งภาพหน้าจอ: ทีละขั้นตอน

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

เคล็ดลับที่ใช้ได้จริง

ครอกก่อนแล้วค่อยตกแต่ง ระยะขอบดึงสายตาไปที่ขอบภาพหน้าจอ ดังนั้นตัดแถบเครื่องมือว่างและส่วนประกอบเบราว์เซอร์ออกก่อนถ้าไม่ใช่ส่วนของเรื่อง
รักษาระยะขอบระหว่าง 6% ถึง 12% ต่ำกว่านั้นกรอบดูเหมือนบังเอิญ สูงกว่านั้นภาพหน้าจอเล็กเกินกว่าจะอ่านบนโทรศัพท์
จับมุมโค้งให้ตรงกับปลายทาง ประมาณ 12 ถึง 20 พิกเซลเข้ากับการ์ดฟีดส่วนใหญ่ 0 เหมาะเมื่อรูปจะเข้าสไลด์ที่มีขอบสี่เหลี่ยม
ใช้แคนวาสเข้มสำหรับภาพหน้าจอสว่าง และแคนวาสสว่างสำหรับภาพหน้าจอโหมดมืด คอนทราสต์ที่ขอบคือสิ่งที่ทำให้เงาอ่านได้
ทดสอบที่ขนาดภาพย่อ ย่อตัวอย่างในใจให้เหลือขนาดที่จะปรากฏในฟีด ถ้าข้อความข้างในหายไปที่ขนาดนั้น ให้ลดระยะขอบหรือครอปแน่นขึ้น แทนการเพิ่มเอฟเฟกต์

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

ทุกขั้นตอนทำงานในแท็บเบราว์เซอร์ผ่าน HTML5 canvas API ภาพหน้าจอของคุณถูกอ่านด้วย object URL ในเครื่อง วาด และส่งออกด้วยตัวเข้ารหัส PNG ของเบราว์เซอร์เอง ไม่มีรูปถูกอัปโหลด จัดเก็บ หรือส่งต่อ และเมื่อหน้าโหลดแล้ว เครื่องมือทำงานต่อได้โดยไม่ต้องมีเครือข่ายเลย

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

ภาพหน้าจอของฉันถูกอัปโหลดไปที่ไหนหรือไม่?

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

ควรส่งออกขนาดเท่าไรสำหรับโซเชียลมีเดีย?

ใช้ค่าแคนวาสสำเร็จรูป โพสต์ X ดูดีที่สุดที่ 1600 คูณ 900 (16:9) โพสต์ฟีด Instagram ที่ 1080 คูณ 1350 (4:5) สตอรี่ Instagram และ TikTok ที่ 1080 คูณ 1920 (9:16) โพสต์ LinkedIn ที่ 1200 คูณ 627 และตัวอย่างลิงก์เกือบทุกแพลตฟอร์มที่ 1200 คูณ 630 (ค่าสำเร็จรูป Open Graph) อัตโนมัติคงสัดส่วนของภาพหน้าจอเองแล้วเพียงเพิ่มระยะขอบ

ทำไมการเพิ่มระยะขอบทำให้ภาพหน้าจอดูดีขึ้น?

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

คงพื้นหลังโปร่งใสได้หรือไม่?

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

วางภาพหน้าจอจากคลิปบอร์ดได้อย่างไร?

ถ่ายภาพหน้าจอด้วยทางลัดที่คัดลอกไปคลิปบอร์ด เช่น Ctrl+Shift+S บน Windows หรือ Cmd+Ctrl+Shift+4 บน Mac แล้วคลิกที่ใดก็ได้บนหน้านี้แล้วกด Ctrl+V (Cmd+V บน Mac) รูปถูกรับจากเหตุการณ์วางและโหลดเข้าตัวอย่างโดยไม่แตะไฟล์บนดิสก์เลย

ตัวเลือกพื้นหลังอัตโนมัติทำอะไร?

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

อ้างอิงเนื้อหา หน้าหรือเครื่องมือนี้ว่า:

"ตัวแต่งภาพหน้าจอ" ที่ https://MiniWebtool.com/th/ตัวแต่งภาพหน้าจอ/ จาก MiniWebtool, https://MiniWebtool.com/

by miniwebtool team. Updated: Sep 4, 2026