top of page

📣วิธีปรับขนาดไฟล์รูปภาพ สำหรับการใช้งานบนเว็บไซต์โดยไม่ให้เสียคุณภาพ


📣วิธีปรับขนาดไฟล์รูปภาพ สำหรับการใช้งานบนเว็บไซต์โดยไม่ให้เสียคุณภาพ


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


ขั้นตอนการลดขนาดรูปภาพ


1. เปิดภาพที่เราต้องการจะย่อหรือขยายขนาด ด้วยโปรแกรม Photoshop


2.ไปที่ Image แล้วเลือก Image Size หรือกดปุ่มลัด Ctrl+Alt+I (Win) / Command+Option+I (Mac)


3. หลังจากนั้นจะปรากฏหน้าจอ Image Size dialog box ขึ้นมาจะได้ค่าดังนี้

Image Size : คึอ ขนาดของไฟล์รูป

Dimensions : ขนาดความกว้างและยาวของรูป

Resolution : ความละเอียดของภาพ โดยปกติการใช้งานสำหรับเว็บไซต์ เรามักจะใช้ไว้ที่ 72 ppi


4. คุณสามารถการจะ เปลี่ยนหน่วย เป็น นิ้ว, %, mm ,Pixel หรือ อื่นๆได้


5. คุณสามารถลดขนาดภาพได้ตามต้องการ โดย ถ้าต้องการให้ความสูงความกว้างมีความสัมพันธ์กันในอัตราส่วนเดิม ต้องคลิกเลือกที่สัญลักษณ์ดังภาพ เอาไว้


6. หลังจากปรับขนาดไฟล์รูป ลดลงจนได้ขนาดที่เราต้องการแล้วก็กดที่ ปุ่ม Ok ได้และ เซฟงานของเราได้เลย


7. ในการเซฟไฟล์ โปรแกรม Photoshop จะถามเราอีกครั้ง ในเรื่องของคุณภาพไฟล์ ว่าจะเอาขนาดไหน (ตามรูป) จะเลือกแค่ 8 หรือ 12 ก็ได้ โดยค่ายิ่งมาก ขนาดไฟล์ก็จะใหญ่ขึ้นตาม


-----------------------------------------------------------------------------------

สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด | รับสร้างแบรนด์ | รับทำการตลาดออนไลน์ | รับทำแผนการตลาดออนไลน์ | รับสร้างแบรนด์ | รับดูแล Facebook แฟนเพจ | รับดูแล LINE OA สามารถติดต่อเราได้ตลอด 24 ชั่วโมง

รายละเอียดบริการดูแลการตลาดออนไลน์

ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้

------------------------------------------------------------------------------------


💙ปรึกษาทีมงานของเรา💙

📱Tel : 0840104252 📱0947805680

สายด่วนออฟฟิศ : 034-900-165 , 02-297-0811 (จันทร์-ศุกร์)

┏━━━━━━━━━┓

📲 LINE: @chatstick

┗━━━━━━━━━┛

หรือคลิ๊ก https://goo.gl/KuzCpM

🎉รายละเอียดที่ http://www.chatstickmarket.com/langran

🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio

แท็ก:

ดู 12 ครั้ง

Comments


CS_Redesign_คอนเทนต์เดิม2_2.png
CS_Redesign_คอนเทนต์เดิม3.png
Recent Posts
c24f0332fa3b87f8a304140403b893510_64100212_210625.jpg
244712625_300456528129611_2152723951836713111_n.jpg
5.png
4.png
Button Event สติกเกอร์.png
2.png
Button ChatStick Market.png
bottom of page