Jonas Weber

บรรณาธิการด้านประสิทธิภาพเว็บ

Jonas สร้างและตรวจสอบเว็บไซต์ ซึ่งหมายความว่าเวลาส่วนใหญ่ของเขาหมดไปกับรูปภาพที่ใหญ่เกินไปและฟอร์แมตที่เบราว์เซอร์แต่ละตัวรองรับไม่ตรงกัน เขาเขียนเรื่องฟอร์แมตสมัยใหม่ ความเร็วของหน้าเว็บ และการใช้งาน SVG ฟอนต์ และ QR Code ในทางปฏิบัติ

เขียนเกี่ยวกับ: ประสิทธิภาพเว็บ · การปรับแต่งรูปภาพ · Core Web Vitals

บทความโดย Jonas Weber

มือถือสมาร์ตโฟนสีดำที่แสดงหน้าจอหลักพร้อมไอคอนแอป บนพื้นหลังสีเทาอ่อน

ข้อกำหนดขนาดไฟล์

ขนาดรูปโปรไฟล์ Instagram และวิธีดูรูปเต็มขนาด | UltKit

Instagram เก็บรูปโปรไฟล์ที่ 320 × 320 px และแสดงเป็นวงกลมกว้าง 110 px บนมือถือ วิธีครอปให้พอดีวงกลม และวิธีบันทึกรูปเต็มขนาด

Jonas Weber · 19 ต.ค. 2569 · 11 นาทีในการอ่าน

ภาพขาวดำของมือที่แบออกถือสมาร์ตโฟนซึ่งแสดง QR Code บนหน้าจอแบบตั๋ว ด้านหลังเป็นพื้นกระเบื้องที่เบลอ

แก้ไขปัญหา

วิธีสร้าง QR Code ฟรีแบบคงที่ที่สแกนติดทุกครั้ง | UltKit

สร้าง QR Code โดยเข้ารหัสลิงก์ รหัส Wi-Fi หรือข้อมูลติดต่อเป็นโค้ดแบบคงที่ พิมพ์ขนาดอย่างน้อย 2 × 2 cm เว้นขอบขาว 4 โมดูล และทดสอบกับโทรศัพท์ 2 เครื่องก่อน

Jonas Weber · 16 ต.ค. 2569 · 11 นาทีในการอ่าน

รูปพิมพ์ทรงสี่เหลี่ยมจัตุรัสขนาดเล็กแบบโพลารอยด์หนีบเรียงเป็นแถวบนบอร์ดไม้ก๊อก ด้านข้างมีพวงกุญแจม้วนฟิล์มและรูปพิมพ์วางซ้อนกัน

ข้อกำหนดขนาดไฟล์

ขนาดโพสต์และสตอรี่ Instagram ปี 2025: ทุกขนาดเป็นพิกเซล

ขนาดรูป Instagram ปี 2025: โพสต์ 1080 × 1350 (4:5) หรือ 1080 × 1080 แนวนอน 1080 × 566 สตอรี่และ Reels 1080 × 1920 เว้นพื้นที่ปลอดภัย 250 px รูปโปรไฟล์ 320 × 320

Jonas Weber · 7 ต.ค. 2569 · 11 นาทีในการอ่าน

มือถือปากกาสไตลัสเหนือแท็บเล็ตที่วางอยู่บนหน้านิตยสารซึ่งพิมพ์ไอคอนสีขาวขนาดเล็กเรียงเป็นตารางบนพื้นดำ

เครื่องมือรูปภาพ

วิธีแปลง PNG เป็น SVG: เทรซโลโก้ ไอคอน และลายเส้น

PNG จะกลายเป็น SVG จริงได้ด้วยการเทรซเท่านั้น ดูว่ารูปแบบไหนเทรซได้ดี วิธีเตรียมไฟล์ PNG การเลือกจำนวนสีและค่า threshold และวิธีตรวจเส้นพาธ

Jonas Weber · 4 ต.ค. 2569 · 12 นาทีในการอ่าน

ชั้นและลิ้นชักที่เต็มไปด้วยตัวพิมพ์ไม้แบบเลตเตอร์เพรสเก่าหลากขนาดและหลากสี

อธิบายฟอร์แมตไฟล์

TTF vs OTF vs WOFF: ฟอนต์แบบไหนใช้ติดตั้งหรือใช้บนเว็บ

ติดตั้ง TTF หรือ OTF บน Windows, macOS และ Linux ส่วนเว็บไซต์ใช้ WOFF2 โดยมี WOFF สำรอง ดูว่าแต่ละฟอร์แมตเก็บอะไร ขนาดไฟล์เท่าไร และการแปลงฟอนต์เปลี่ยนอะไรบ้าง

Jonas Weber · 10 ก.ย. 2569 · 11 นาทีในการอ่าน

โต๊ะทำงานที่บ้านซึ่งสว่างสดใส มีแล็ปท็อปและจอมอนิเตอร์ขนาดใหญ่ที่แสดงหน้าเว็บเดียวกัน โคมไฟตั้งโต๊ะ เมาส์ และกระถางต้นไม้เล็ก ๆ สองกระถาง

เครื่องมือรูปภาพ

แปลง WebP เป็น JPG: เมื่อไรควรแปลง เมื่อไรไม่ควร และเพราะอะไร

ทำไมรูปที่บันทึกมาจึงเป็น WebP แอปและฟอร์มอัปโหลดใดยังไม่รับ เมื่อไรควรเลือก JPG หรือ PNG การแปลงต้องเสียอะไร และวิธีได้ไฟล์ต้นฉบับ

Jonas Weber · 8 ก.ย. 2569 · 11 นาทีในการอ่าน

เครื่องพิมพ์ 3D แบบตั้งโต๊ะในตู้ใสบนโต๊ะสีขาว พร้อมแล็ปท็อปที่แสดงโมเดล 3 มิติ และชิ้นงานพิมพ์หลากสี เช่น แผนที่ภูมิประเทศและเฟืองสีแดง

อธิบายฟอร์แมตไฟล์

STL vs OBJ vs 3MF: ควรใช้ไฟล์ 3D ฟอร์แมตไหนดี

STL เก็บแค่สามเหลี่ยม OBJ เพิ่ม UV และวัสดุผ่านไฟล์ .mtl ส่วน 3MF รวมหน่วย สี และค่าการพิมพ์ไว้ใน ZIP เดียว ดูว่าแต่ละแบบเหมาะกับงานแบบใด

Jonas Weber · 2 ก.ย. 2569 · 12 นาทีในการอ่าน

ด้านหลังของสมาร์ตโฟนสีเทาที่มีโมดูลกล้องสามตัว ถ่ายในมุมเอียงบนพื้นหลังสีเข้ม

อธิบายฟอร์แมตไฟล์

AVIF vs HEIC vs WebP: ฟอร์แมตรูปภาพยุคใหม่ต่างกันอย่างไร

WebP เหมาะกับเว็บ HEIC เหมาะกับการเก็บรูปใน iPhone AVIF ให้รูปบนเว็บเล็กที่สุด เทียบการบีบอัด พื้นหลังโปร่งใส HDR การรองรับเบราว์เซอร์ปี 2025 และเวลาที่ควรแปลงไฟล์

Jonas Weber · 1 ก.ย. 2569 · 11 นาทีในการอ่าน