Each format has its own set of pros

Each format has its own set of pros and cons. Vector formats are ideally suited for images that consist of simple geometric shapes (e.g. logos, text, icons, and so on), and deliver sharp results at every resolution and zoom setting, which makes them an ideal format for high-resolution screens and assets that need to be displayed at varying sizes.

However, vector formats fall short when the scene is complicated (e.g. a photo): the amount of SVG markup to describe all the shapes can be prohibitively high and the output may still not look “photorealistic”. When that’s the case, that’s when you should be using a raster image format such as GIF, PNG, JPEG, or one of the newer formats such as JPEG-XR and WebP.

Raster images do not have the same nice properties of being resolution or zoom independent - when you scale up a raster image you’ll see jagged and blurry graphics. As a result, you may need to save multiple versions of a raster image at various resolutions to deliver the optimal experience to your users.

ผลลัพธ์ (ไทย) 1:

แต่ละรูปแบบที่มีของดี และผู้บริโภครูปแบบเวกเตอร์จะเหมาะสำหรับภาพที่ประกอบด้วยรูปทรงเรขาคณิตอย่างง่าย (เช่นโลโก้ ข้อความ ไอคอน และอื่น ๆ), และผลลัพธ์ที่คมชัดทุกความละเอียดและการตั้งค่าซูม ซึ่งทำให้รูปแบบเหมาะสำหรับหน้าจอความละเอียดสูงและสินทรัพย์ที่จำเป็นต้องแสดงที่ขนาดแตกต่างอย่างไรก็ตาม รูปแบบเวกเตอร์สั้นเมื่อฉากที่ซับซ้อน (เช่นรูปภาพ): จำนวน SVG มาร์กอัปเพื่ออธิบายรูปทั้งหมดสามารถพิมพ์สูง และผลลัพธ์อาจยังไม่ได้ดู "photorealistic" เมื่อเป็นกรณีนี้ นั่นคือเมื่อคุณควรจะใช้รูปภาพแบบราสเตอร์เช่น GIF, PNG, JPEG หรือรูปแบบใหม่เช่น JPEG XR และ WebPภาพแรสเตอร์ไม่มีคุณสมบัติดีเหมือนกันเป็น ความละเอียด หรืออิสระ - เมื่อคุณปรับขนาดขึ้นเป็นภาพแบบราสเตอร์ที่คุณซูมจะดูขรุขระ และไม่ชัด เป็นผล คุณอาจต้องการบันทึกรูปภาพแบบราสเตอร์ที่ความละเอียดต่าง ๆ เพื่อส่งมอบประสบการณ์ที่ดีที่สุดให้ผู้ใช้หลายรุ่น

ผลลัพธ์ (ไทย) 2:

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

แต่รูปแบบเวกเตอร์สั้นลงเมื่อเกิดเหตุมีความซับซ้อน (เช่นภาพ): ปริมาณของ SVG มาร์กอัปที่จะอธิบายทุกรูปทรงสามารถสูงสาหัสและการส่งออกอาจจะยังคงได้ดู "เหมือนจริง" . เมื่อเป็นกรณีที่เมื่อคุณควรจะใช้รูปแบบภาพแรสเตอร์เช่น GIF, PNG, JPEG หรือหนึ่งในรูปแบบใหม่เช่น JPEG-XR และ WebP.

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

ผลลัพธ์ (ไทย) 3:

แต่ละรูปแบบมีชุดของตัวเอง pros และ cons รูปแบบเวกเตอร์เหมาะเหมาะสำหรับภาพที่ประกอบด้วยรูปทรงเรขาคณิตง่ายๆ ( เช่นโลโก้ , ข้อความ , ไอคอน , และอื่น ๆ ) และส่งมอบผลลัพธ์ที่คมชัดในทุกความละเอียดและการซูม ซึ่งทำให้พวกเขาเหมาะสำหรับหน้าจอความละเอียดสูงรูปแบบและทรัพย์สินที่ต้องแสดงผลที่ขนาดแตกต่างกันอย่างไรก็ตาม รูปแบบเวกเตอร์ตกสั้นเมื่อฉากที่ซับซ้อน ( เช่นรูปภาพ ) : ปริมาณของ SVG แบบอธิบายรูปร่างทั้งหมดสามารถเป็น prohibitively สูงและส่งออกอาจจะยังไม่ได้ดู " เหมือนจริง " เมื่อเป็นอย่างนั้น นั่นคือเมื่อคุณควรใช้ภาพรูปแบบภาพเช่น GIF , PNG , JPEG , หรือหนึ่งในรูปแบบใหม่ เช่น jpeg-xr และ WebGL .ความสูงของภาพไม่ต้องสวย คุณสมบัติเดียวกันของการแก้ไขหรือซูมอิสระ - เมื่อคุณขยายภาพภาพที่คุณจะเห็นเป็นหยักและกราฟิกที่พร่ามัว เป็นผลให้ , คุณอาจต้องการที่จะบันทึกหลายรุ่นของภาพภาพที่ความละเอียดต่าง ๆ เพื่อมอบประสบการณ์ที่เหมาะสมให้กับผู้ใช้ของคุณ