Beautify Screenshot

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

API Endpoint

POST /api/v1/tools/image/beautify

Parameters

Parameter	Type	Required	Default	Description
backgroundType	string	No	"linear-gradient"	ประเภทพื้นหลัง: solid, linear-gradient, radial-gradient, image, transparent
backgroundColor	string	No	"#667eea"	สีพื้นหลังทึบ (ใช้เมื่อ backgroundType เป็น solid)
gradientStops	array	No	[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]	จุดไล่ระดับสี (อย่างน้อย 2) แต่ละจุดมี color (hex) และ position (0-100)
gradientAngle	number	No	135	มุมไล่ระดับสีเป็นองศา (0 ถึง 360)
padding	number	No	64	ระยะขอบรอบรูปภาพเป็นพิกเซล (0 ถึง 256)
borderRadius	number	No	12	รัศมีมุมบนภาพหน้าจอ (0 ถึง 64)
shadowPreset	string	No	"subtle"	พรีเซ็ตเงา: none, subtle, medium, dramatic, custom
shadowBlur	number	No	20	รัศมีการเบลอเงาแบบกำหนดเอง (0 ถึง 100, ใช้เมื่อ shadowPreset เป็น custom)
shadowOffsetX	number	No	0	ระยะเลื่อนแนวนอนของเงาแบบกำหนดเอง (-50 ถึง 50)
shadowOffsetY	number	No	10	ระยะเลื่อนแนวตั้งของเงาแบบกำหนดเอง (-50 ถึง 50)
shadowColor	string	No	"#000000"	สีเงาแบบกำหนดเองเป็น hex
shadowOpacity	number	No	30	ความทึบของเงาแบบกำหนดเอง (0 ถึง 100)
frame	string	No	"none"	เฟรมอุปกรณ์หรือหน้าต่าง: none, macos-light, macos-dark, windows-light, windows-dark, browser-light, browser-dark, iphone, iphone-dark, macbook, macbook-dark, ipad, ipad-dark
frameTitle	string	No	-	ข้อความชื่อที่แสดงในแถบชื่อของเฟรมหน้าต่าง
socialPreset	string	No	"none"	ปรับขนาดตามมิติของโซเชียลมีเดีย: none, twitter, linkedin, instagram-square, instagram-story, facebook, producthunt
watermarkText	string	No	-	ข้อความลายน้ำซ้อนทับที่เป็นทางเลือก
watermarkPosition	string	No	"bottom-right"	ตำแหน่งลายน้ำ: top-left, top-right, bottom-left, bottom-right, center
watermarkOpacity	number	No	50	ความทึบของลายน้ำ (0 ถึง 100)
outputFormat	string	No	"png"	รูปแบบเอาต์พุต: png, jpeg, webp

Example Request

curl -X POST http://localhost:1349/api/v1/tools/image/beautify \
  -F "[email protected]" \
  -F 'settings={"backgroundType":"linear-gradient","gradientStops":[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}],"gradientAngle":135,"padding":64,"borderRadius":12,"shadowPreset":"medium","frame":"macos-dark","socialPreset":"twitter"}'

With Background Image

curl -X POST http://localhost:1349/api/v1/tools/image/beautify \
  -F "[email protected]" \
  -F "[email protected]" \
  -F 'settings={"backgroundType":"image","padding":80,"borderRadius":16,"shadowPreset":"dramatic"}'

Example Response

{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/screenshot.png",
  "originalSize": 234567,
  "processedSize": 567890
}

Notes

• รับฟิลด์ไฟล์สองฟิลด์: file (จำเป็น, ภาพหน้าจอหลัก) และ backgroundImage (ทางเลือก, ใช้เมื่อ backgroundType เป็น image)
• รองรับรูปแบบอินพุต HEIC, RAW, PSD และ SVG (ถอดรหัสอัตโนมัติ)
• พรีเซ็ตเงาแมปกับค่าเฉพาะดังนี้:
  • subtle: เบลอ 20, offsetY 4, ความทึบ 20%
  • medium: เบลอ 40, offsetY 10, ความทึบ 35%
  • dramatic: เบลอ 80, offsetY 20, ความทึบ 50%
• พรีเซ็ตโซเชียลมีเดียปรับขนาดเอาต์พุตสุดท้ายให้พอดีกับมิติเป้าหมายโดยใช้โหมด contain:
  • twitter: 1600x900
  • linkedin: 1200x627
  • instagram-square: 1080x1080
  • instagram-story: 1080x1920
  • facebook: 1200x630
  • producthunt: 1270x760
• เฟรมอุปกรณ์ (iphone, macbook, ipad) ใช้ขอบฮาร์ดแวร์รอบรูปภาพและข้ามการตั้งค่า borderRadius
• เมื่อจำเป็นต้องมีความโปร่งใส (เงา, รัศมีมุม, เฟรมอุปกรณ์ หรือพื้นหลังโปร่งใส) เอาต์พุตจะถูกบังคับเป็น PNG แม้ว่าจะเลือก jpeg ไว้ก็ตาม
• พื้นหลังแบบรูปภาพไม่รองรับในโหมดไปป์ไลน์/แบตช์