ฟรีตลอดกาล · ไม่ต้องสมัครสมาชิก

เพียง URL เดียว สร้าง
ภาพ Placeholder ที่คุณต้องการ

MockImg เป็นเครื่องมือสร้างภาพ Placeholder ฟรี รองรับการปรับแต่งขนาด สี ข้อความ ฟอนต์หลายภาษา 60 แบบ ไอคอนกว่า 5,000 รายการ และเอฟเฟกต์ภาพที่หลากหลาย ไม่ต้องสมัครสมาชิก — เพียงคัดลอก URL

0
ฟอนต์
0
ไอคอน
0
รูปแบบ
0
ความเร็วตอบสนอง
ภาพตัวอย่าง Placeholder
×
พรีเซ็ต
https://mockimg.dev/600x400/CCCCCC/666666.svg

เริ่มต้นใช้งาน

สร้างภาพ Placeholder ด้วยเพียง URL — ไม่ต้องสมัครสมาชิก ไม่ต้องยืนยันตัวตน

ตัวอย่างการใช้งานพื้นฐานรูปภาพตัวอย่าง

การใช้งานพื้นฐาน

600×400 · SVG · CCCCCC · 666666
ตัวอย่างรูปภาพตัวอย่างสีแบบกำหนดเอง

สีที่กำหนดเอง

it · Ciao Mondo · อิตาลี
ตัวอย่างรูปภาพตัวอย่างข้อความตัวหนา

ข้อความตัวหนา

es · Negrita · สเปน
ตัวอย่างรูปภาพตัวอย่างรูปแบบ PNG

รูปแบบ PNG

200×200 · PNG · 8B5CF6 · FFFFFF
ตัวอย่างรูปภาพตัวอย่างรูปแบบ WebP

รูปแบบ WebP

300×200 · WebP · F59E0B · FFFFFF
ตัวอย่างรูปภาพตัวอย่างรูปแบบ JPEG

รูปแบบ JPEG

400×300 · JPEG · EF4444 · FFFFFF
ตัวอย่างรูปภาพตัวอย่างหน้าจอกว้าง

หน้าจอกว้าง

ar · عرض · อาหรับ
ตัวอย่างรูปภาพตัวอย่างสี่เหลี่ยมจัตุรัส

สี่เหลี่ยมจัตุรัส

100×100 · SVG · 6366F1 · FFFFFF
ตัวอย่างรูปภาพตัวอย่างธีมชมพู

ธีมชมพู

ko · 좋아요 · เกาหลี

คุณสมบัติขั้นสูง

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

ตัวอย่างรูปภาพตัวอย่าง PNG พื้นหลังโปร่งใส el · GR

PNG โปร่งใส

PNG SVG พื้นหลังโปร่งใส
ตัวอย่างรูปภาพตัวอย่างพื้นหลังไล่สี ja · JP

พื้นหลังแบบไล่ระดับสี

ไล่ระดับสี การเปลี่ยนสีเชิงเส้นสองสี
ตัวอย่างรูปภาพตัวอย่างรวมไอคอน th · TH

รวมไอคอน

ไอคอน ไอคอน Tabler กว่า 5,000 รายการ
ตัวอย่างภาพ Placeholder โหมดไอคอนเท่านั้น en · US

โหมดไอคอนเท่านั้น

ไอคอนเท่านั้น ไอคอนขยายและจัดกึ่งกลางอัตโนมัติ ไม่ต้องใส่ข้อความ
ตัวอย่างรูปภาพตัวอย่างฟอนต์แบบกำหนดเอง hi · IN

ฟอนต์ที่กำหนดเอง

หลายภาษา รองรับฟอนต์ 23 ภาษา
ตัวอย่างรูปภาพตัวอย่างสไตล์ขอบ he · IL

สไตล์เส้นขอบ

เส้นขอบ ความกว้างและสีที่กำหนดเอง
ตัวอย่างรูปภาพตัวอย่างรูปแบบ AVIF ru · RU

รูปแบบ AVIF

AVIF การบีบอัดภาพรุ่นใหม่
ตัวอย่างรูปภาพตัวอย่างควบคุมความโปร่งใส ar · SA

ควบคุมความโปร่งใส

ความโปร่งใส เอฟเฟกต์พื้นหลังกึ่งโปร่งใส
ตัวอย่างรูปภาพตัวอย่างเปลี่ยนรูปทรง te · IN

เปลี่ยนรูปทรง

วงกลม รูปทรงวงกลม / แคปซูล
ตัวอย่างรูปภาพตัวอย่างไฮไลต์ข้อความ en · US

เน้นข้อความ

เน้นข้อความ สีและการไล่ระดับสีในข้อความ
ตัวอย่างรูปภาพตัวอย่างไฮไลต์ไล่สี zh · CN

เน้นแบบไล่ระดับสี

ไล่ระดับสี ทิศทางการไล่ระดับสีหลายสี
ตัวอย่างรูปภาพตัวอย่างฟอนต์ไฮไลต์ en · US

ฟอนต์เน้นข้อความ

ฟอนต์ ฟอนต์สำหรับข้อความเน้นอิสระ
สำรวจคุณสมบัติขั้นสูงทั้งหมด →

คุณสมบัติหลัก

ออกแบบมาเพื่อนักพัฒนาและนักออกแบบ

ฟอนต์หลายภาษา 60 แบบ

ครอบคลุม 23 ภาษา รวมถึงจีน ญี่ปุ่น เกาหลี อาหรับ ฮีบรู กรีก และอื่นๆ พร้อมฟอนต์พรีเมียมในตัวเช่น LXGW WenKai, HarmonyOS Sans และ Alibaba PuHuiTi พร้อมการเรนเดอร์ที่ตรงกับภาษาโดยอัตโนมัติ

ไอคอนกว่า 5,000 รายการ

คลังไอคอน Tabler Icons เต็มรูปแบบทั้งแบบ Outline และ Filled ปรับขนาดไอคอนได้อิสระเพื่อเพิ่มความหมายให้กับภาพ Placeholder ของคุณ

รูปแบบภาพ 9 แบบ

SVG, PNG, JPEG, WebP, AVIF, GIF, BMP, ICO, TIFF — ครอบคลุมทุกกรณีการใช้งานตั้งแต่การพัฒนาเว็บไซต์จนถึงการพิมพ์

เอฟเฟกต์ภาพที่หลากหลาย

พื้นหลังแบบไล่ระดับสี ลายเส้นและจุด เท็กซ์เจอร์สัญญาณรบกวน การควบคุมความโปร่งใส ขอบมน — ทำให้ภาพ Placeholder ของคุณโดดเด่น

ธีมสว่างและมืด

สลับธีมสว่าง/มืดด้วยคลิกเดียวเพื่อให้ตรงกับสไตล์โปรเจกต์ของคุณ ไม่ต้องตั้งค่าเพิ่มเติม

ตอบสนองรวดเร็ว

แคช LRU + โหลดฟอนต์ล่วงหน้าสำหรับการตอบสนองในหน่วยมิลลิวินาที แคชที่เหมาะกับ CDN พร้อมประสิทธิภาพที่เสถียรแม้ในสถานการณ์ที่มีการเข้าถึงพร้อมกันจำนวนมาก

กรณีการใช้งาน

01

พัฒนา Frontend

ภาพ Placeholder สำหรับ Wireframe, ตัวอย่างคอมโพเนนต์, สถานะโหลด, ภาพ Placeholder สำหรับ lazy-load

02

ออกแบบ UI/UX

ภาพ Placeholder สำหรับ Mockup, รูปโปรไฟล์, ภาพสินค้า, ตัวอย่างไอคอน

03

ระบบจัดการเนื้อหา

ภาพเริ่มต้นสำหรับ CMS, ภาพขนาดย่อบล็อก, ภาพ Placeholder สำหรับโซเชียลมีเดีย, เทมเพลตอีเมล

04

การทดสอบและตัวอย่าง

การทดสอบอัตโนมัติ, ข้อมูลตัวอย่าง, ภาพประกอบเอกสาร, ตัวอย่างในบทเรียน

มีคำถามหรือข้อเสนอแนะ? เรายินดีรับฟัง

ไม่ว่าจะเป็นคำถาม ข้อเสนอแนะ หรือไอเดียดีๆ เรายินดีที่จะได้ยินจากคุณ

[email protected]