คู่มือ ChanTan Studioแก้ข้อความ สี และรูปภาพเองด้วยการคลิกบนเว็บ
คลิกที่คำ สี หรือรูปในพรีวิวแล้วแก้เองได้เลย แก้ข้อความและสีฟรี ทุกการแก้ย้อนกลับได้ และไม่ต้องรบกวน AI แม้แต่ครั้งเดียว
คุณไม่จำเป็นต้องขอ AI ทุกครั้งสำหรับการแก้เล็ก ๆ น้อย ๆ คลิกลงไปที่คำ สี หรือรูปในพรีวิวแล้วแก้เองได้เลย
การแก้ข้อความและสีฟรี การอัปโหลดรูปของคุณเองก็ฟรีเช่นกัน มีแค่การสร้างรูปใหม่ด้วย AI เท่านั้นที่ใช้เครดิต และราคาจะแสดงให้เห็นก่อนที่คุณจะกดยืนยัน
1. เปิดโหมดแก้ไขโดยตรง
ในแถบเครื่องมือพรีวิว กดปุ่มดินสอ ป้ายของมันคือ "แก้ไขข้อความ สี และรูปโดยตรง"
จะมีแถบสีเขียวโผล่ขึ้นมาพาดด้านบนว่า "คลิกข้อความเพื่อพิมพ์ · คลิกรูปเพื่อเปลี่ยน · เลือกสี — บันทึกลงโค้ดทันที"
ออกจากโหมดนี้เมื่อไหร่ก็ได้ด้วยปุ่ม "ยกเลิก" ที่อยู่บนแถบสีเขียวนั้นเอง พรีวิวจะกลับมาเป็นแบบดูอย่างเดียว และสิ่งที่คุณกดบันทึกไปแล้วยังอยู่ครบ
2. ชี้ไปที่สิ่งที่อยากเปลี่ยน
เมื่อเลื่อนเมาส์ผ่านสิ่งที่แก้ได้ มันจะขึ้นกรอบประสีเขียว พอคลิกแล้วกรอบจะกลายเป็นเส้นทึบสีเขียวพร้อมแถบเครื่องมือลอยเล็ก ๆ
3. แก้คำ
คลิกลงไปบนตัวอักษรโดยตรง คลิกที่พื้นที่ว่างข้าง ๆ ไม่นับ เคอร์เซอร์จะปรากฏตรงจุดที่คุณคลิกและพิมพ์ทับได้ทันที
จากนั้นกด "✓ Save" (บันทึก) เพื่อเก็บไว้ หรือกด "✕" เพื่อทิ้งการแก้นั้น
หัวข้อที่ตัดเป็นสองบรรทัดจะถูกนับเป็นข้อความสองชิ้นแยกกัน คุณแก้เฉพาะบรรทัดที่คลิก อีกบรรทัดไม่ถูกแตะ
4. เปลี่ยนสี
เมื่อเลือกสิ่งที่แก้ได้ จะมีแถบเครื่องมือสีขึ้นมาพร้อมช่องสีสองแถว
- "A" = สีตัวอักษร
- "BG" = สีพื้นหลัง
แต่ละแถวแสดงสีแบรนด์ของโปรเจกต์คุณเอง อ่านสด ๆ จากดีไซน์ของคุณ พร้อมปุ่มสีรุ้งที่เปิดตัวเลือกสีของเครื่องคุณ สำหรับสีอื่นที่อยากได้
สีจะเปลี่ยนทันทีเพื่อให้ดูตัวอย่าง แต่มันจะถูกเขียนลงแอปจริงก็ต่อเมื่อคุณกด "✓ Save" ส่วน "✕" จะคืนสีเดิม เปลี่ยนแค่สีเท่านั้น ขนาด การจัดวาง และระยะห่างยังเหมือนเดิมทุกอย่าง
5. เปลี่ยนรูปเป็นรูปของคุณเอง (ฟรี)
คลิกที่รูป แถบเครื่องมือจะแสดง "⬆ Replace" (เปลี่ยนรูป) และ "✨ Generate" (สร้างรูป)
กด "⬆ Replace" เพื่อเปิดหน้าต่างเลือกไฟล์แล้วเลือกรูปที่ต้องการ
| ไฟล์ที่รองรับ | PNG, JPG/JPEG, WebP, GIF, AVIF |
| ขนาดสูงสุด | 15 MB |
| ค่าใช้จ่าย | ฟรี — ในแผงเขียนไว้ว่า "หรืออัปโหลดรูปของคุณเอง — ฟรี" |
คุณจะเห็น "กำลังอัปโหลดรูปของคุณ…" แล้วตามด้วย "เปลี่ยนรูปแล้ว" พรีวิวจะรีเฟรชตัวเองหนึ่งครั้งเมื่อไฟล์ขึ้นเสร็จ (อย่างช้าประมาณ 12 วินาที) คุณจึงไม่ต้องรีเฟรชเอง
6. หรือจะให้ AI สร้างรูปใหม่ก็ได้ (ใช้เครดิต)
กด "✨ Generate" แล้วแผงจะเปิดขึ้นมา
- อธิบายรูปที่ต้องการ เช่น "หน้าร้านครัวริมคลองตอนเย็น แสงนวล" ต้องยาวอย่างน้อย 2 ตัวอักษร
- เลือกคุณภาพ มีสองการ์ด แต่ละการ์ดแสดงราคาเป็นเครดิต
- "มาตรฐาน" — "เร็วและคุณภาพดี" — ราว 14 วินาที
- "พรีเมียม" — "คุณภาพดีที่สุด เหมาะกับข้อความ" — ราว 32 วินาที
- กด "สร้าง" แถบเวลาจริงจะเดินผ่าน "กำลังจัดองค์ประกอบ…", "กำลังลงรายละเอียด…", "กำลังเก็บงาน…"
- ตัดสินใจ คุณจะเห็นรูปเก่ากับรูปใหม่วางเทียบกัน ป้ายว่า "ปัจจุบัน" และ "ใหม่" พร้อมปุ่ม "ใช้รูปนี้", "ลองรูปอื่น" และ "แก้คำอธิบาย"
⚠️ ระบบหักเครดิตตั้งแต่วินาทีที่รูปถูกสร้าง ไม่ใช่ตอนที่คุณกดรับ การกด "ลองรูปอื่น" คือการหักเงินอีกครั้ง และการยกเลิกหลังจากเห็นรูปแล้วไม่ได้เงินคืน จะมีข้อความบอกคุณทันทีตอนที่หัก: "หัก {n} เครดิตสำหรับรูปนี้" ถ้าสร้างไม่สำเร็จ ไม่มีการหักเครดิตใด ๆ
ด้วยการตั้งค่าปัจจุบันคือ 1 เครดิตสำหรับ "มาตรฐาน" และ 22 เครดิตสำหรับ "พรีเมียม" ราคาถูกคำนวณสด ๆ จากบัญชีของคุณ ดังนั้น ตัวเลขที่พิมพ์อยู่บนการ์ดคือความจริงเสมอ ให้เชื่อตัวเลขนั้นมากกว่าตัวเลขที่อ้างไว้ที่อื่น
✅ เสร็จแล้ว! คุณจะเห็น "บันทึกแล้ว — การแก้ไขอยู่ในโค้ดของคุณ" และการเปลี่ยนแปลงจะปรากฏในแอปทันที
นี่คือการเปลี่ยนแปลงจริงในแอปของคุณ ไม่ใช่ลูกเล่นในพรีวิว และการแก้ไขโดยตรงทุกครั้งจะบันทึกเวอร์ชันเต็มของโปรเจกต์ไว้ก่อนเขียนอะไรลงไป ปุ่ม "เลิกทำ" ตามปกติจึงคืนทุกอย่างกลับได้เป๊ะ รวมถึงตัวรูปภาพจริงด้วย
อะไรแก้ได้และอะไรแก้ไม่ได้ด้วยวิธีนี้
การคลิกเพื่อแก้ถูกออกแบบให้แคบโดยตั้งใจ มันเปลี่ยนได้แค่ คำที่คุณมองเห็น สีตัวอักษร สีพื้นหลัง และรูปภาพ เท่านั้น จบแค่นี้
ที่เหลือทั้งหมดต้องสั่งในแชท
- เลย์เอาต์ ระยะห่าง การจัดวาง ขนาดตัวอักษร
- การเพิ่ม ลบ หรือสลับลำดับของส่วนต่าง ๆ และหน้าต่าง ๆ
- แอนิเมชันและการเคลื่อนไหว
- พฤติกรรมของปุ่ม ลิงก์ ฟอร์ม
- ทุกอย่างที่ขับเคลื่อนด้วยข้อมูลของคุณ
เมื่อคุณคลิกสิ่งที่มันเปลี่ยนให้อย่างปลอดภัยไม่ได้ มันจะปฏิเสธแทนที่จะเดา
| ข้อความ | ต้องทำอะไร |
|---|---|
| "This text comes from data — ask for the change in the chat." (ข้อความนี้มาจากข้อมูล ให้ขอแก้ในแชท) | คำนั้นถูกดึงมาจากรายการที่แอปคุณบันทึกไว้ ให้แก้ข้อมูลที่ "จัดการ ▾" → "ฐานข้อมูล" หรือพิมพ์ขอในแชท |
| "This element's styling is dynamic — ask for the change in the chat." (สไตล์ขององค์ประกอบนี้เป็นแบบไดนามิก ให้ขอแก้ในแชท) | พิมพ์ขอเปลี่ยนสีในแชท |
| "This changed since you opened it — reopen and try again." (สิ่งนี้เปลี่ยนไปตั้งแต่คุณเปิด ให้เปิดใหม่แล้วลองอีกครั้ง) | รีเฟรชพรีวิว คลิกที่ชิ้นนั้นใหม่ แล้วแก้อีกรอบ |
| "Couldn't apply that edit — ask for the change in the chat instead." (แก้ไม่สำเร็จ ให้ขอแก้ในแชทแทน) | อธิบายสิ่งที่ต้องการในแชท |
| "This image isn't part of your project — ask for the change in the chat." (รูปนี้ไม่ได้เป็นส่วนหนึ่งของโปรเจกต์ ให้ขอแก้ในแชท) | รูปนั้นมาจากเว็บอื่น ให้ขอในแชท |
| "This file is managed by Chantan — ask in chat to change it." (ไฟล์นี้ Chantan เป็นผู้ดูแล ให้ขอแก้ในแชท) | ขอในแชท |
| "A build is running — try again when it finishes." (มีงานสร้างกำลังรัน ให้ลองใหม่เมื่อเสร็จ) | รอให้งานสร้างเสร็จก่อน |
⚠️ ไม่มีปุ่ม "Ask AI" อยู่ที่ไหนเลย ข้อความเวอร์ชันเก่าเคยพูดถึงปุ่มนี้ แต่มันไม่เคยมีอยู่จริง คำว่า "ขอในแชท" หมายถึงพิมพ์คำขอลงในช่องแชทฝั่งซ้ายแล้วกดส่ง เท่านั้นเอง
ปัญหาตอนอัปโหลด
| ข้อความ | ต้องทำอะไร |
|---|---|
| "Please choose an image file (PNG, JPG, WebP…)." (กรุณาเลือกไฟล์รูปภาพ) | เลือกไฟล์ที่เป็นรูปภาพจริง ๆ |
| "That image is over 15 MB — please choose a smaller one." (รูปนั้นเกิน 15 MB) | ครอบตัดหรือบีบอัดให้เล็กลงก่อน |
| "That file doesn't look like an image — please choose a PNG, JPG or WebP." (ไฟล์นั้นไม่เหมือนรูปภาพ) | บันทึกไฟล์ใหม่เป็น PNG หรือ JPG |
| "Couldn't process that image — try a plain PNG or JPG (animated images aren't supported)." (ประมวลผลรูปนั้นไม่ได้ ไม่รองรับภาพเคลื่อนไหว) | ใช้ภาพนิ่ง |
| "Could not save the image. Try again." (บันทึกรูปไม่สำเร็จ ลองใหม่) | ลองอีกครั้ง ไม่ใช่ปัญหาที่ไฟล์ของคุณ |
| "Slow down a moment — too many edits." (ช้าลงหน่อย แก้ถี่เกินไป) | คุณชนขีดจำกัด 40 การแก้ไขต่อนาที พักสักไม่กี่วินาที |
ถ้าคุณเปลี่ยนรูปแล้วยังเห็นรูปเก่าหลังผ่านไปราว 12 วินาที ให้กด "รีเฟรชพรีวิว" ถ้ายังค้างรูปเก่าอยู่ ให้รีสตาร์ตพรีวิวจาก "ประวัติเวอร์ชัน"
ข้อจำกัดที่ต้องรู้ตามตรง
- คุณแก้ไม่ได้ระหว่างที่ AI กำลังสร้าง ปุ่มดินสอจะปิดตัวเอง และการแก้ที่หลุดรอดเข้าไปจะถูกปฏิเสธ การคลิกของคุณกับงานของ AI จึงไม่มีทางแย่งไฟล์เดียวกันได้
- การแก้ถูกบล็อกระหว่างที่คุณดูเวอร์ชันเก่าอยู่ โดยตั้งใจ
- ถ้าไม่มีปุ่มดินสอ แปลว่าพรีวิวนี้ยังไม่ได้รายงานว่ามีชิ้นส่วนที่แก้ได้ โปรเจกต์เก่า ๆ จะเห็นเครื่องมือลูกศรธรรมดาแทน ซึ่งจะอธิบายว่าคุณคลิกอะไรแล้วหย่อนคำอธิบายนั้นลงช่องแชทให้ การปลุกหรือรีสตาร์ตพรีวิวบางครั้งทำให้ดินสอกลับมา คุณจะไม่มีวันได้ดินสอที่กดแล้วไม่ทำอะไรเลย
- ข้อความบางส่วนยังเป็นภาษาอังกฤษในทุกภาษา ได้แก่แถบเครื่องมือลอยบนรูป ("⬆ Replace", "✨ Generate") ข้อความที่ระบบปฏิเสธการแก้ และข้อความแจ้งข้อผิดพลาดตอนอัปโหลด ส่วนแถบสีเขียว แผงสร้างรูป และชื่อคุณภาพทั้งสองแบบ ("มาตรฐาน" / "พรีเมียม") แปลเป็นไทยเรียบร้อยแล้ว ทุกอย่างใช้งานได้ปกติ แค่ตัวหนังสือบางส่วนยังไม่ได้แปล