คอมพิวเตอร์ Windows อินเทอร์เน็ต

อัตราส่วนภาพใดให้คุณภาพที่แย่ที่สุด รูปแบบรูปภาพและรูปภาพ อัลกอริธึมการเข้ารหัสเอนโทรปี

สวัสดีเพื่อนรัก. วันนี้เราจะมาพูดถึงว่ารูปแบบภาพไหนดีกว่าที่จะใช้บนไซต์ รูปแบบใดที่มีอยู่ในปัจจุบัน ไฟล์กราฟิกสำหรับไซต์และไม่ว่าคุณจะต้องการไล่ล่ารูปแบบกราฟิกล่าสุดหรือไม่

ฉันได้รับคำถามดังกล่าวเป็นจำนวนมาก นักเรียนของฉันหลายคนถามว่าพวกเขาสามารถใช้รูปแบบ SVG และ WebP ใหม่ได้หรือไม่ และควรใช้ภาพเหล่านี้ที่ใด แน่นอน คุณสามารถใช้รูปแบบใหม่ได้เช่นกัน แต่คุณต้องเข้าใจว่ารูปแบบใดเหมาะสมที่สุดสำหรับรูปแบบใด

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

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

รูปภาพที่ไม่ได้ปรับให้เหมาะสมเป็นหนึ่งในปัจจัยที่ทำให้เว็บไซต์ช้าลงตามที่ระบุโดยบริการตรวจสอบ

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

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

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

วันนี้ฉันใช้รูปภาพอะไรสำหรับเว็บไซต์

รูปภาพทั้งหมดสำหรับเว็บไซต์จะถูกแบ่งย่อย:

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

  • แรสเตอร์ (ตัวอย่าง - JPG, JPEG, GIF, PNG)
  • เวกเตอร์ (ตัวอย่าง - SVG)

แรสเตอร์รูปภาพประกอบด้วยพิกเซลที่เก็บค่าสีและความโปร่งใส รูปแบบดังกล่าวเป็นรูปภาพในบทความ ปุ่ม ไอคอน และองค์ประกอบการออกแบบ ภาพเหล่านี้เป็นที่นิยมในหมู่นักพัฒนาและเจ้าของเว็บไซต์ ข้อเสียเปรียบหลัก บิตแมป- มันปรับขนาดได้ไม่ดี

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

นั่นคือ เมื่อคุณเพิ่มขนาดของภาพ คุณภาพของภาพจะลดลง



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

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

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

รูปภาพทั้งหมดเหล่านี้สามารถใช้และใช้กับเว็บไซต์สมัยใหม่ได้ คุณเพียงแค่ต้องเข้าใจว่าก่อนที่จะอัปโหลดไปยังไซต์!

คำอธิบายของรูปแบบรูปภาพยอดนิยมสำหรับไซต์

จากคำอธิบายของรูปแบบเหล่านี้ คุณจะเข้าใจว่าที่ไหนและรูปแบบใดที่เหมาะสมที่สุดบนไซต์

ไฟล์ JPEG

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

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

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

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

อุปกรณ์และเบราว์เซอร์ทั้งหมดรองรับไฟล์รูปแบบนี้ ซึ่งยืนยันความนิยมอีกครั้งและช่วยให้คุณไม่ต้องกังวลกับปัญหาการแสดงผลบนเว็บไซต์

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

อัลกอริธึมการเข้ารหัสเอนโทรปี

คุณกำหนดชุดกฎเกณฑ์ที่บอกแอปว่าคุณต้องการรวบรวมอะไร เช่น รูปภาพที่มีคะแนน 4 หรือสูงกว่า ซึ่งถ่ายระหว่างวันที่เริ่มต้นและสิ้นสุดของวันหยุดพักผ่อนครั้งล่าสุดของคุณ และจะรวบรวมภาพที่ตรงตามเกณฑ์เป็น ของสะสม.

ข้อเสียใหญ่ของรูปแบบนี้คือการขาดความโปร่งใส กล่าวคือ จะไม่สามารถรวมภาพในรูปแบบนี้เข้าด้วยกันได้ สำหรับงานดังกล่าว ควรใช้รูปแบบต่อไปนี้

PNG ภาพ

รูปแบบนี้ใช้อัลกอริธึมการบีบอัดแบบไม่สูญเสียข้อมูล ในแง่ของจำนวนสีและระดับความโปร่งใสนั้นมีให้เลือกสองแบบคือ 8 และ 24 บิต ทั้งสนับสนุนความโปร่งใส

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

เลือกรูปแบบไหน

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

8 บิตไม่เป็นที่นิยมมาก แต่ 24 บิตใช้กันอย่างแพร่หลายสำหรับรูปภาพต่าง ๆ บนไซต์ เนื่องจากความโปร่งใส ช่วยให้คุณสร้างภาพที่รวมกันได้ มักใช้เพื่อสร้างปุ่มภาพเคลื่อนไหว ไอคอน ที่ต้องการเอฟเฟกต์โปร่งใส

ภาพ PNG สามารถปรับให้เหมาะสมได้หลายครั้ง แก้ไข - จะรักษาคุณภาพดั้งเดิมไว้

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

รูปแบบนี้ยังได้รับการสนับสนุนโดยเบราว์เซอร์และอุปกรณ์ทั้งหมดเพื่อให้แน่ใจว่าจะแสดงบนทุกหน้าจอ

คุณภาพของภาพดูดีกว่า JPG แต่น้ำหนักไฟล์จะสูงขึ้น สิ่งนี้จะต้องนำมาพิจารณาเมื่อวางไฟล์บนเว็บไซต์

GIF

เป็นรูปแบบ 8 บิตที่รองรับ 256 สี ความโปร่งใส และภาพเคลื่อนไหว เนื่องจากรองรับสีจำนวนน้อย น้ำหนักไฟล์จึงน้อยมาก

รูปแบบภาพทั่วไป

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

รูปแบบนี้ไม่เหมาะสำหรับภาพถ่ายและภาพที่มีสีหลากหลาย

แต่มีการใช้กันอย่างแพร่หลายในการสร้างแบนเนอร์ ปุ่ม ไอคอน และอื่นๆ

ในไซต์สมัยใหม่ รูปแบบนี้ถูกใช้น้อยลงเรื่อยๆ

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

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

SVG

เป็นรูปแบบไฟล์เวกเตอร์ที่ใช้ XML รูปแบบเริ่มได้รับความนิยมเมื่อไม่นานมานี้ เนื่องจากก่อนหน้านี้เบราว์เซอร์ได้รับการสนับสนุนได้ไม่ดี และเนื่องจากปัญหาการแสดงผล จึงไม่มีใครรีบใช้

ปัจจุบัน SVG ได้รับการสนับสนุนโดยเบราว์เซอร์ที่ทันสมัยทั้งหมด แต่ยังคงมีปัญหากับการแสดงผล

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

รูปแบบนี้มักใช้กับรูปภาพธรรมดาๆ เช่น โลโก้ องค์ประกอบการออกแบบ และอื่นๆ ไม่สามารถใช้ได้กับรูปถ่าย

รูปแบบ SVG นั้นมีน้ำหนักเบา ปรับขนาดได้ดี ให้ภาพที่คมชัดในทุกความละเอียดหน้าจอ รองรับแอนิเมชั่น สามารถจัดการผ่าน CSS และจัดวางใน HTML ซึ่งช่วยลดจำนวนคำขอ

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

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

WebP

เปิดรูปแบบ รหัสแหล่งที่มาที่พัฒนาโดย Google สำหรับอินเทอร์เน็ตโดยเฉพาะ ปัจจุบัน YouTube ใช้การแปลงภาพขนาดย่อของวิดีโอ WebP



รูปแบบนี้ให้การบีบอัดที่เหนือกว่าและรักษาความโปร่งใส รวมข้อดีของรูปแบบ JPG และ PNG โดยไม่เพิ่มขนาดไฟล์

แต่แม้จะมีข้อดีของรูปแบบ แต่ก็ไม่รองรับเบราว์เซอร์ทั้งหมด เช่น IE, Edge, Firefox และ Safari

มีวิธีแก้ไขข้อจำกัดเหล่านี้ แต่จะป้องกันไม่ให้มีการนำรูปแบบไปใช้ในระดับสากล

บทสรุป

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

บางทีเมื่อ WebP ได้รับการสนับสนุนอย่างกว้างขวาง เราทุกคนจะเปลี่ยนไปใช้และแทนที่ jpg และ png บนเว็บไซต์ของเรา

มาพูดคุยกันในความคิดเห็นว่ารูปแบบใดที่คุณใช้ในไซต์ของคุณ คุณชอบอะไรและไม่ชอบอะไร

สำหรับวันนี้ผมมีทุกอย่างผมรอความคิดเห็นของคุณ

ขอแสดงความนับถือ Maxim Zaitsev

    ภาพถ่ายและรูปภาพแตกต่างกันไม่เพียงแต่ในเนื้อหา แต่ยังอยู่ในลักษณะ "คอมพิวเตอร์" อื่นๆ ด้วย ตัวอย่างเช่นในขนาด

    มันเกิดขึ้นที่ เช่น รูปแบบที่เหมือนกันสองรูปแบบ แต่รูปแบบหนึ่งมีขนาดสามเท่าของอีกรูปแบบหนึ่ง

    นอกจากนี้รูปภาพยังมีคุณภาพต่างกัน ฉันคิดว่าคุณเคยเห็นภาพถ่ายที่มีคุณภาพต่ำมากมากกว่าหนึ่งครั้ง ซึ่งสามารถมองเห็นได้ด้วยตาเปล่า ตัวอย่างเช่น ภาพถ่ายสองภาพที่เหมือนกัน แต่ภาพหนึ่งมีคุณภาพดีที่สุดและอีกภาพที่แย่ที่สุด

    และมันจึงเกิดขึ้นที่ภาพดูเหมือนขาดสีสัน นี่คือตัวอย่าง

    และรูปแบบไฟล์หรือประเภทที่รับผิดชอบทั้งหมดนี้

    อันที่จริงรูปภาพมีหลากหลายรูปแบบ และมีจำนวนมาก เราจะไม่พิจารณาทั้งหมด แต่พูดถึงเรื่องที่พบบ่อยที่สุด รูปแบบเหล่านี้คือ bmp, gif, jpg, png, tiff

    พวกเขาแตกต่างกันอย่างแรกในด้านคุณภาพ และคุณภาพก็แตกต่างกันไปตามจำนวน (ความอิ่มตัว) ของสี

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

    ดังนั้นด้วยรูปแบบภาพ ตัวหนึ่งทิ้งสีทั้งหมด อีกส่วนหนึ่งก็ตัดส่วน และมันก็เกิดขึ้นด้วยเหตุนี้ภาพจึงเสื่อมลง

    นี่เป็นตัวอย่างที่ค่อนข้างหยาบ อันที่จริงทุกอย่างค่อนข้างซับซ้อนกว่าที่นั่น แต่ฉันคิดว่าคุณจับประเด็นหลักได้แล้ว

    รูปแบบภาพทั่วไป

    BMP เป็นรูปแบบสำหรับภาพวาดที่ทำในโปรแกรมระบายสี สามารถใช้เก็บภาพที่วาดไว้บนคอมพิวเตอร์ แต่ไฟล์ประเภทนี้ไม่ได้ใช้บนอินเทอร์เน็ตเนื่องจากไฟล์มีขนาดใหญ่ ดังนั้นหากคุณต้องการโพสต์ภาพที่วาดใน Paint บนบล็อกหรือ เครือข่ายสังคมจะต้องเป็นประเภทอื่น - gif, jpg หรือ png

    GIF เป็นรูปแบบภาพยอดนิยมบนอินเทอร์เน็ต ในนั้นคุณสามารถบันทึกได้โดยไม่สูญเสียคุณภาพ แต่ด้วยจำนวนสีที่ จำกัด - 256 GIF ได้รับความนิยมเป็นพิเศษเนื่องจากคุณสามารถสร้างภาพเคลื่อนไหว (เคลื่อนไหว) ขนาดเล็กได้

    JPG คือรูปแบบของภาพถ่ายและรูปภาพที่มีสีมากมาย สามารถบันทึกภาพได้โดยไม่สูญเสียคุณภาพและการสูญเสีย

    PNG เป็นรูปแบบที่ทันสมัยสำหรับรูปภาพ รูปภาพประเภทนี้ได้มาในขนาดที่เล็กและไม่สูญเสียคุณภาพ สะดวกมาก: ไฟล์มีขนาดเล็กและคุณภาพดี นอกจากนี้ยังรองรับความโปร่งใส

    TIFF - ภาพสวยมาก อย่างดีโดยไม่มีการบีบอัด ดังนั้น ขนาดของไฟล์ดังกล่าวจึงใหญ่มาก TIFF จะใช้เมื่อคุณภาพเป็น สำคัญมาก... ตัวอย่างเช่น เมื่อสร้างนามบัตร โบรชัวร์ ปกนิตยสาร

    เลือกรูปแบบไหน

    • BMP - หากเป็นภาพวาดที่ทำใน Paint และคุณจะต้องเก็บไว้ในคอมพิวเตอร์เท่านั้น
    • GIF - หากเป็นแอนิเมชั่นหรือภาพวาดที่มีสีเล็กน้อยเพื่อเผยแพร่ทางอินเทอร์เน็ต
    • PNG - ถ้าเป็นภาพวาดที่มีหลายสีหรือบางส่วนโปร่งใส
    • JPG (jpeg) - ถ้ารูปถ่าย
    • TIFF - รูปภาพสำหรับพิมพ์ (นามบัตร โบรชัวร์ โปสเตอร์ ฯลฯ)