จำลองพื้นที่ที่อาจถูกบังบนรูปแนวตั้งสำหรับ TikTok, Reels หรือ Shorts
ดีไซน์* บริเวณสีแดงคือจุดที่อาจถูกบังด้วยปุ่มกด, คำบรรยาย, หรือไอคอนของแพลตฟอร์ม
อัปโหลดรูปภาพขนาด 1080x1920 เพื่อเริ่มทดสอบ
การวางข้อความสำคัญ (Call to Action) หรือใบหน้าคนไว้ผิดจุดในวิดีโอแนวตั้ง (9:16) อาจทำให้เนื้อหาถูกบังโดยปุ่ม Like, Share, หรือชื่อบัญชีผู้ใช้ ซึ่งจะช่วยลดประสิทธิภาพของคอนเทนต์คุณ เครื่องมือนี้จำลองตำแหน่ง UI จริงเพื่อให้คุณมั่นใจว่าจุดสำคัญของภาพจะเด่นชัดเสมอ
**Safe Zone** คือพื้นที่ปลอดภัยบนภาพหรือวิดีโอที่เนื้อหาสำคัญของคุณจะไม่ถูกรบกวนหรือถูกบังโดยองค์ประกอบ UI ของแอปพลิเคชันนั้นๆ เช่น ปุ่ม Like, ปุ่ม Share, ชื่อโปรไฟล์ หรือคำบรรยายใต้ภาพ (Caption)
โดยเฉพาะในวิดีโอแนวตั้ง (Vertical Video 9:16) อย่าง **TikTok, Reels และ YouTube Shorts** ที่มีองค์ประกอบบนหน้าจอเยอะมาก การรู้ว่า "พื้นที่ไหนห้ามวางข้อความ" จะช่วยให้ผู้ชมของคุณได้รับสารอย่างครบถ้วน
วางองค์ประกอบสำคัญของคุณไว้ในจุดที่มองเห็นชัดเจนที่สุด เพื่อเพิ่ม Engagement ให้กับคอนเทนต์
โดยปกติแล้ว พื้นที่กึ่งกลางของหน้าจอค่อนไปทางบนเล็กน้อย คือจุดที่ปลอดภัยที่สุด และควรเลี่ยงพื้นที่ด้านล่างและด้านขวาอย่างน้อย 15-20%
ปัจจุบันเครื่องมือนี้รองรับการอัปโหลดไฟล์ภาพ (Screenshot) เพื่อทดสอบจัดวางองค์ประกอบ หากคุณทำวิดีโอ สามารถใช้ภาพนิ่งมาลองวางเช็คดูก่อนตัดต่อจริงได้ครับ
เลือก TikTok, Instagram Reels หรือ YouTube Shorts
เลือกรูปแนวตั้ง
เปิดปิด overlay และตรวจเนื้อหาที่อาจถูกบัง
พบข้อมูลผิดหรือผลลัพธ์ไม่ตรง? แจ้งทีมพร้อมขั้นตอนและตัวอย่างที่ไม่มีข้อมูลลับ
เลือกสีและคัดลอกค่า HEX, RGB, HSL และรูปแบบอื่นที่แสดง
ปรับจุดสีของ gradient แบบเส้นหรือรัศมี แล้วคัดลอก CSS
สร้างเงา CSS หลายชั้นพร้อมปรับตำแหน่ง ความเบลอ การกระจาย สี และ inset
ปรับมุมโค้งแต่ละด้านเป็นพิกเซลหรือเปอร์เซ็นต์ แล้วคัดลอก CSS
สร้างชุดสีจากสีตั้งต้นและรูปแบบความสัมพันธ์สี แล้วคัดลอกค่าสี
ดูตารางสี Tailwind ที่มีในเครื่องมือและคัดลอกค่าสีหรือ utility