fbpx
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
No Result
View All Result
Zenkoy
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
Zenkoy
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style
Zenkoy
No Result
View All Result
วิธีทำให้ Photoshop CC 2022 สามารถ Save as เป็นไฟล์ WebP ได้

วิธีทำให้ Photoshop CC 2022 สามารถ Save as เป็นไฟล์ WebP ได้

THEZEN by THEZEN
เมษายน 18, 2022
Reading Time: 2 mins read
0

Table of Contents

  1. ดาวน์โหลดไฟล์ปลั๊กอิน
  2. วิธีการติดตั้ง
  3. วิธีการ Save Photoshop CC 2021 เป็นไฟล์ .WebP
  4. จากการทดสอบ
  5. Photoshop 2022 v.23 รองรับไฟล์ .WebP แล้ววว!
    1. แสดงความเห็น

สำหรับใครที่ต้องการปรับสปีดเว็บไซต์ให้เร็ว ในยุคปะจจุบันคงต้องหันไปใช้ไฟล์รูป .WebP ที่ทาง Google พัฒนาขึ้นมาใหม่เพื่อใช้กับการแสดงผลบนเว็บไซต์ ที่ทำให้การโหลดหน้าเว็บเร็วขึ้น เนื่องจาก File Format ไฟล์นามสกุล .WebP นั้นมีขนาดไฟล์ที่เล็กลง ให้ความคมชัดเช่นเดียวกับ JPG, PNG ที่เราใช้กันอยู่ ถ้าเว็บเราเปิดมานานก็อาจจะแก้ลำบากหน่อย ต้องหันไปใช้ตัวช่ว CDN ในการแปลงไฟล์ทั้งเว็บ แต่ก็แลกด้วยค่าใช้จ่ายรายเดือนที่ต้องเสียไป แต่ถ้าวันนี้เราเพิ่งจะสร้างเว็บอัพรูป เป็นเรื่องง่ายที่เราจะตั้งไข่ ตั้งต้นให้ถูกทางโดยการแปลงรูป JPG, PNG ที่ใช้ในเว็บให้เป็น .WebP ซะทั้งหมด ประหยัดเงินไปได้เยอะ แค่เสียเวลานิดหน่อย

Photoshop plug in save as WebP 1

ในบทความที่แล้วได้เขียนรวบรวม Optimize WordPress Images ไม่ใช้ Plugin? ในบทความนี้จะแนะนำการติดตั้งปลั๊กอินที่ชื่อ WebPShop ให้กับ Photoshop เพื่อที่จะรองรับไฟล์ .WebP และสามารถ Save as เป็นไฟล์นามสกุล WebP ได้  เพราะว่า Photoshop ทุกเวอร์ชั่นรวมทั้งล่าสุด Photoshop CC 2022 ก็ยังไม่รองรับการเซฟเป็นไฟล์ WebP ทำให้เราต้องเอาไฟล์ปลั๊กอินไปวางใน Folder Plugin ของ Photoshop

webplogo

ดาวน์โหลดไฟล์ปลั๊กอิน

เป็นไฟล์ฟรีสามารถดาวน์โหลดได้ที่ WebPShop 0.4.0 หรือโหลดจากหน้าเว็บ Adobe Download plug-in for Photoshop 23.1 and below

Source code (zip)
Source code (tar.gz)
WebPShop.8bi  <<—— โหลดตัวนี้

WebPShop GitHub

Photoshop plug in directory

วิธีการติดตั้ง

คือ ก๊อปปี้ไฟล์ plug-in ไปวางในโฟล์เดอร์ของ Photoshop plug-in

  • C:\Program Files\Adobe\Adobe Photoshop 2022\Plug-ins\  สำหรับ Windows
  • Applications/Adobe Photoshop/Plug-ins/  สำหรับเครื่อง Mac
    เมื่อวางไฟล์เสร็จแล้วเปิด Terminal ขึ้นมาแล้ว Run คำสั่ง
    xattr -r -d com.apple.quarantine /Applications/Adobe\ Photoshop\ 2020/Plug-ins/WebPShop.plugin
    เพื่อให้เครื่อง Mac ไม่บล็อคไฟล์นามสกุลลนี้

เสร็จแล้วเปิดโปรแกรม Photoshop ขึ้นมาได้เลย จะเห็น file Type เป็น WebP แล้วครับ

Photoshop plug in save as WebP 2

วิธีการ Save Photoshop CC 2021 เป็นไฟล์ .WebP

เปิดไฟล์รูปขึ้นมาใน Photoshop เมื่อตกแต่งเสร็จแล้ว File >> Save as >> เลื่อก Type เป็น WebP แล้วกด Save ได้เลยครับ

ui mac

WebP Type

จากการทดสอบ

ขนาดรูปต้นฉบับ 1,008 KB —- 0.98 MB
ถ้าตั้ง Quality 50% จะได้ขนาดไฟล์ 846 KB —- 0.846 MB
ถ้าตั้ง Quality 75% จะได้ขนาดไฟล์ 1,181 KB —- 1.18 MB
ถ้าตั้ง Quality 100% จะได้ขนาดไฟล์ 8,377 KB —-  8.3 MB

 

Photoshop 2022 Save as WebP scaled
Photoshop 2022 Save as WebP

Photoshop 2022 v.23 รองรับไฟล์ .WebP แล้ววว!

อัพเดทนะครับ Adobe Photoshop 2022 v.23.2.1 ที่ผมติดตั้งล่าสุด รองรับการ Save as WebP แล้วนะครับ ถ้าใครติดตั้งหลังจากนี้ก็ไม่ต้องไปหาปลั๊กอินเสริมแล้วนะครับ

Photoshop 2022 Save as WebP Options
Photoshop 2022 Save as WebP Options

 

แสดงความเห็น

ความเห็น

Tags: Format TypePhotosghop
Previous Post

Box Shadow Generator

Next Post

อยากเป็น LINE Certified Coach 2023

THEZEN

THEZEN

ผู้ค้นพบความสุขในชีวิตได้ตลอดเวลา ทำตัวเองให้มีความสุกกับทุกสิ่งที่เข้ามาในชีวิต

Related Posts

Motion Array แหล่งโหลด  Effects Presets Templates
Adobe

Motion Array แหล่งโหลด Effects Presets Templates

ตุลาคม 27, 2022
0
โปรแกรมแก้ไข PDF ที่ดีที่สุด!
Adobe

โปรแกรมแก้ไข PDF ที่ดีที่สุด!

พฤษภาคม 21, 2022
0
วิธีแยกกล่องข้อความใน Adobe Illustrator
Adobe

วิธีแยกกล่องข้อความใน Adobe Illustrator

ธันวาคม 9, 2021
0
PDF Previewer for Windows 10
Adobe

PDF Writer for Windows 10

ธันวาคม 4, 2021
0
ทดลอง JPG to SVG to Ai
Adobe

ทดลอง JPG to SVG to Ai

พฤศจิกายน 10, 2021
0
Graphic Design Resources
Adobe

Graphic Design Resources

มกราคม 6, 2021
0
Next Post
อยากเป็น LINE Certified Coach 2023

อยากเป็น LINE Certified Coach 2023

  • Zenkoy คือใคร?
  • ห้องวิจัยส่วนตัว
  • My Future: My Life

© 2020 ผมชื่อเซน Blog เล็กๆของเด็กคอมคนนึง THEZEN . | เว็บนี้ใช้ธีม JNews

No Result
View All Result
  • หน้าบ้าน
  • คอร์สเรียน
    • E-commerce
    • Line OA & MyShop
      • LINE Official Account Course
    • Facebook Ads
    • Google Ads
  • Ads
    • Facebook
    • Line
    • YouTube
  • TOP View
    • มือใหม่หัดเล่น WordPress
    • SEO Tool
    • LINE
    • Marketing Tool
  • WordPress
    • WordPress
    • Plugin
    • Theme
  • Software
    • Microsoft
      • Microsoft Office
    • Google
    • Adobe
  • LIVE Style

© 2020 ผมชื่อเซน Blog เล็กๆของเด็กคอมคนนึง THEZEN . | เว็บนี้ใช้ธีม JNews

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

ตั้งค่า ไม่ยอมรับ ยอมรับ
ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • เปิดใช้งานตลอด

บันทึกการตั้งค่า
ตั้งค่าความเป็นส่วนตัว