บทสารบัญ

Shortpixel การตั้งค่าระบบหลังบ้านและการใช้งาน

Shortpixelระบบหลังบ้าน

Shortpixel สำหรับขั้นตอนการตั้งค่าระบบหลังบ้าน ผมจะมาพาดูที่หล่ะขั้นตอนกันเลยนะครับ จนเสร็จเลย พร้อมใช้งาน

Shortpixel การเชื่อมระบบ

ให้เข้าไปที่หลังบ้านเมนู setting -> ช็อตพิกเซล หลังจากนั้นจะพบกับหน้าตาการตั้งค่าเริ่มต้นดังภาพด้านล่างนี้

shortpixel setting
ช็อตพิกเซล setting เริ่มต้นตั้งค่า

ให้กรอก Email Address เพื่อรับ API Key นะครับ สำหรับท่านที่ยังไม่มี และถ้ายังไม่มียูสเซอร์ของ ช็อตพิกเซล เลย ผมแนะนำให้ทำการสมัครที่ลิงค์นี้ครับ เพื่อรับเครดิตฟรีเพิ่มอีกด้วย สมัครสมาชิก

หน้าเว็บไซต์ ช็อตพิกเซล
หน้าเว็บไซต์ ช็อตพิกเซล

หลังจากสมัครเสร็จแล้วเข้าสู่หน้า Admin ของเว็บ https://shortpixel.com และเข้าไปที่เมนู API Keys

หน้าจัดการ API ของเว็บไซต์ ShortPixel
หน้าจัดการ API ของเว็บไซต์ ShortPixel

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

การตั้งค่าช็อตพิกเซล

หลังจากเชื่อมระบบเรียบร้อยแล้ว จะมีเมนูย่อยเพิ่มขึ้นมา อีก 4 เมนูด้วยกัน คือ General, Advanced, Cloudflare API, Statistics

General

การจัดการพื้นฐานทั่วไป เป็นหน้าจัดการอย่างง่าย สำหรับการปรับความต้องการลดขนาดภาพของเรา

ช็อตพิกเซล setting general
ช็อตพิกเซล setting general

API Key เป็นการเซ็ทคีย์สำหรับช็อตพิกเซลของท่าน

Compression type คือประเภทในการปรับลดขนาดของภาพ ถ้าสงสัยว่าแต่หล่ะประเภทคืออะไรให้อ่านบทความนี้ “ShortPixel ปลั๊กอินลดขนาดภาพ พร้อมทำ WebP ง่ายๆ” และให้ดูที่หัวข้อ “ShortPixel การปรับภาพ (Optimization Image)”

Image backup คือการถามว่าคุณต้องการสำรองภาพเก่าไว้ไหม

Remove EXIF เป็นการถามว่าต้องการลบข้อมูลที่ติดมากับภาพหรือไม่ ข้อมูลของภาพคือพวก Meta Data ของภาพ เวลาที่ถ่ายภาพ ประเภทภาพ ประเภทกล้องที่ถ่ายเป็นต้น

Resize large images เป็นการถามว่าจต้องการแก้ไขขนาดของภาพที่มีขนาดใหญ่หรือไม่ ถ้าต้องการปรับก็ให้ปรับ ไซต์ โดยกำหนดเป็นเรโช ก็ได้นะครับ

Advanced

เป็นการตั้งค่าแบบละเอียด ทั้งการอัพโหลด การ Convert จากนามสกุลของภาพปกติเป็น WebP เป็นต้น

Advanced การตั้งค่าช็อตพิกเซล
Advanced การตั้งค่าช็อตพิกเซล

Additional media folders เป็นการกำหนด Path ในกรณีที่ภาพของเราไม่ได้อยู่ใน Path ปกติ

Convert PNG images to JPEG ถ้าต้องการให้เปลี่ยนจาก png เป็น jpeg ให้ติ๊กถูกที่ออฟชั่นนี้

CMYK to RGB conversion เป็นการ Convert ค่าสีจาก cmyk เป็น rgb เพราะการแสดงผลภาพบนเว็บไซต์ต้องใช้เป็น RGB นะครับ

WebP Images เป็นการถามว่าต้องการให้ทำภาพ เป็น WebP หรือไม่

Retina images เป็นการปรับภาพให้เป็น Retina หรือความชัด 2 เท่าของปกติ เหมาะกับการแสดงผลบนอุปกรณ์ที่ต้องการความชัดสูงๆ

Optimize other thumbs สอบถามว่าต้องการจะ Optimize ผ่าน Thumbnail อื่นๆ หรือไม่

Optimize PDFs ถ้าต้องการให้ปรับไฟล์ .pdf ด้วยให้เลือกออฟชั่นนี้

Advanced การตั้งค่าช็อตพิกเซล 2
Advanced การตั้งค่าช็อตพิกเซล 2

Exclude patterns ถ้าต้องการให้แยก Path ที่ไม่ใช้ ให้ใส่ Path ที่ไม่ต้องการให้ optimizes ที่ช่องนี้

HTTP AUTH credentials ถ้าเราไม่มี API Keys เราสามารถใส่ Username / Password ของเว็บไซต์ช็อตพิกเซลที่ออฟชั่นนี้ได้

Optimize media on upload ถ้าต้องการให้ปรับทุกภาพเมื่อทำการอัพโหลดเข้าไปใหม่ ให้เลือกที่นี่ด้วย

Process in front-end ถ้าเรามีระบบให้อัพโหลดจากหน้าบ้าน แล้วต้องการจะลดขนาดด้วยให้เลือกที่ออฟชั่นนี้

Exclude thumbnail sizes เป็นการเลือก Thumbnail size ที่เราไม่ต้องการให้ทำการ Optimize

Cloudflare API

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

Cloudflare API ตั้งค่า ช็อตพิกเซล
Cloudflare API ตั้งค่า ช็อตพิกเซล

จะมีการตั้งค่าหลักๆ อยู่ 2 ตัวด้วยกันคือ Zone ID เพื่อจัดการ Account ใน Cloudflare และอีกส่วนคือ Cloudflare Token สำหรับการจัดการเรื่อง Cache ของภาพ

การขอ Request Token ให้เข้ามาทำตามได้ที่บทความนี้ครับ “Using ShortPixel Image Optimizer with Cloudflare’s API Token

และหลังจากที่เราสร้าง Token มาแล้วก็สามารถจัดการ Token ของท่านได้เองที่นี่ “API Tokens” ต้องเข้าสู่ระบบของ Cloudflare ก่อนนะครับ

Statistics

เป็นหน้าแสดงการใช้งานของเราว่าตอนนี้เราใช้อะไรไปเท่าไหร่ มีการลดขนาดให้เราเท่าไหร่

สถิติการใช้ช็อตพิกเซล
สถิติการใช้ช็อตพิกเซล

Average compression of your files คือการ ปรับทั้งหมดลดขนาดได้ 56.32%

Disk space saved by ช็อตพิกเซล ช่วยเซฟขนาดของพื้นที่ได้ 37.03 MB

Bandwidth* saved by ช็อตพิกเซล ช่วยเซฟแบนด์วิชท์ไป 361.6 GB

ช็อตพิกเซล Credits อันนี้เครดิตของเว็บ ช็อตพิกเซล

monthly plan แผนการใช้งานของท่านแบบรายเดือน

One Time credits แผนการใช้งานของท่านแบบจ่ายครั้งเดียว

See report (last 30 days) ดู Report ย้อนหลัง 30 วัน

Credits consumed on เครดิตที่เหลือ

Original images are stored in a backup folder. Your backup folder’s size is now เป็นการถามว่าต้องการลบภาพเดิมไหม ( ภาพก่อนการลดขนาด )

การลดขนาดของรูปภาพจากระบบ Media

ให้เข้าไปที่เมนูหลังบ้านของเว็บไซต์ของเรา เลือกเป็น Media -> Bulk ShortPixel จะำบกับหน้าเว็บการใช้งานตัวปรับภาพ

การปรับลดขนาดของภาพที่เคยอัพโหลดเข้ามา
การปรับลดขนาดของภาพที่เคยอัพโหลดเข้ามา

จากตัวอย่างผมทำการลดขนาดของภาพไปแล้ว ก็เลยอาจจะไม่เหมือนกับของเพื่อนนะครับ ถ้ากดปุ่มสีฟ้าด้านซ้ายจะเป็น Restart การลดรูป ถ้าเป็นของคนที่ยังไม่ได้กดน่าจะเขียนว่า Optimizing ให้กดเพื่อลดขนาดได้เลยครับ

ส่วนทางด้านขวา Bulk Delete SP Metadata คือการลบ Metadata ของภาพ

Bulk Restore Images คือการยก Backup ภาพของเดิมกลับมานะครับ

บทความอื่นๆ ที่เกียวปลั๊กอินของเวิร์ดเพลส หรือ ปลั๊กอิน

บทความ
Shortpixel การตั้งค่าระบบหลังบ้านและการใช้งาน
บทความเรื่อง
Shortpixel การตั้งค่าระบบหลังบ้านและการใช้งาน
คำโปรย
บทความนี้ผมจะมาพาใช้งานและตั้งค่า shortpixel setting กันนะครับ เป็นบทความการใช้งาน shortpixel setting ด้วย ครบทุกออฟชั่น และรวม ปลั๊กอินเสริมด้วย
ผู้เขียน
เว็บ
i-makeweb.com
โลโก้เว็บ ผู้เผยแพร่
Image Optmization Plugin Shortpixel Wordpress

หมวดหมู่ Plugin

ShortPixel ปลั๊กอินลดขนาดภาพ พร้อมทำ WebP ง่ายๆ

หนึ่งในบทความที่จะพาทำให้เว็บท่านติดสปีด 90 – 100 แน่นอน shortpixel เครื่องมือการปรับภาพ มารู้จัก shortpixel กันก่อนว่าคืออะไร ทำอะไร ราคาเท่าไหร่

WP Query คลาสสำคัญสำหรับการคิวรี่บนเวิร์ดเพลส

wp query – การทำเว็บไซต์ด้วยเวิร์ดเพลส จำเป็นต้องดึงข้อมูล มาดูการดึงข้อมูลด้วย wp_query จำเป็นต้องใช้แน่นอน เนื้อหาแน่น รวมการใช้ wp query ทุกรูปแบบครับ