ดู SVGs

ดู ภาพใด ๆ ในเบราว์เซอร์ของคุณ ขนาดไฟล์สูงสุด 2.5GBฟรีตลอดไป

ทั้งหมดในท้องถิ่น

ตัวแปลงของเราทำงานในเบราว์เซอร์ของคุณ ดังนั้นเราจึงไม่เห็นข้อมูลของคุณ.

เร็วแสง

ไม่ต้องอัปโหลดไฟล์ของคุณไปยังเซิร์ฟเวอร์ - การแปลงเริ่มทันที.

ปลอดภัยโดยค่าเริ่มต้น

ไม่เหมือนกับตัวแปลงอื่น ๆ ไฟล์ของคุณไม่เคยถูกอัปโหลดไปยังเรา.

รูปแบบ SVG คืออะไร?

กราฟิกเวกเตอร์ขนาดยืดหยุ่น

Scalable Vector Graphics (SVG) เป็นภาษา markup ที่ใช้กันอย่างแพร่หลายสำหรับการอธิบายกราฟิกสองมิติใน XML ซึ่งแตกต่างจากรูปแบบกราฟิกแบบแรสเตอร์ เช่น JPEG, PNG หรือ GIF ซึ่งจัดเก็บภาพเป็นคอลเลกชันของพิกเซลแต่ละพิกเซล SVG ทำงานโดยการกำหนดรูปร่าง เส้น และสีผ่านสูตรทางคณิตศาสตร์ ความแตกต่างพื้นฐานนี้ช่วยให้สามารถปรับขนาดไฟล์ SVG ให้เป็นขนาดใดก็ได้โดยไม่สูญเสียคุณภาพ ทำให้เหมาะสำหรับการออกแบบเว็บแบบตอบสนอง ภาพประกอบที่ซับซ้อน และโลโก้ที่ต้องรักษาความคมชัดในอุปกรณ์และความละเอียดที่หลากหลาย

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

หนึ่งในคุณสมบัติหลักของ SVG คืออินเทอร์เฟซ DOM รูปภาพ SVG สามารถฝังลงในเอกสาร HTML ได้โดยตรง และเนื่องจากกลายเป็นส่วนหนึ่งของ Document Object Model (DOM) จึงสามารถโต้ตอบได้เหมือนกับองค์ประกอบ HTML การรวมนี้ช่วยให้สามารถเปลี่ยนแปลงคุณสมบัติของรูปภาพ SVG แบบไดนามิกผ่าน JavaScript และ CSS ซึ่งช่วยให้สามารถสร้างแอนิเมชัน การโต้ตอบ และการอัปเดตแบบสดให้กับกราฟิกได้ ตัวอย่างเช่น สี ขนาด หรือตำแหน่งขององค์ประกอบ SVG สามารถเปลี่ยนแปลงได้ตามการโต้ตอบของผู้ใช้ เช่น การเคลื่อนไหวของเมาส์หรือการคลิก หรือการเปลี่ยนแปลงข้อมูลที่กราฟิกแสดง

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

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

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

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

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

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

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

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

เมื่อมองไปในอนาคต บทบาทของ SVG ในการพัฒนาเว็บมีแนวโน้มที่จะเติบโตต่อไป ความก้าวหน้า

รูปแบบที่รองรับ

AAI.aai

ภาพ AAI Dune

AI.ai

Adobe Illustrator CS2

AVIF.avif

รูปแบบไฟล์ภาพ AV1

AVS.avs

ภาพ AVS X

BAYER.bayer

ภาพ Bayer ดิบ

BMP.bmp

ภาพ bitmap ของ Microsoft Windows

CIN.cin

ไฟล์ภาพ Cineon

CLIP.clip

Image Clip Mask

CMYK.cmyk

ตัวอย่างสีฟ้า, สีแม่จัน, สีเหลือง, และสีดำดิบ

CMYKA.cmyka

ตัวอย่างสีฟ้า, สีแม่จัน, สีเหลือง, สีดำ, และ alpha ดิบ

CUR.cur

ไอคอนของ Microsoft

DCX.dcx

ZSoft IBM PC multi-page Paintbrush

DDS.dds

Microsoft DirectDraw Surface

DPX.dpx

ภาพ SMTPE 268M-2003 (DPX 2.0)

DXT1.dxt1

Microsoft DirectDraw Surface

EPDF.epdf

รูปแบบเอกสารพกพาที่มีการหุ้มห่อ

EPI.epi

รูปแบบการแลกเปลี่ยน PostScript ที่มีการหุ้มห่อของ Adobe

EPS.eps

Adobe Encapsulated PostScript

EPSF.epsf

Adobe Encapsulated PostScript

EPSI.epsi

รูปแบบการแลกเปลี่ยน PostScript ที่มีการหุ้มห่อของ Adobe

EPT.ept

PostScript ที่มีการหุ้มห่อพร้อมตัวอย่าง TIFF

EPT2.ept2

ระดับ PostScript ที่มีการหุ้มห่อ II พร้อมตัวอย่าง TIFF

EXR.exr

ภาพที่มีช่วงไดนามิกสูง (HDR)

FARBFELD.ff

Farbfeld

FF.ff

Farbfeld

FITS.fits

ระบบการขนส่งภาพที่ยืดหยุ่น

GIF.gif

รูปแบบการแลกเปลี่ยนกราฟิกของ CompuServe

GIF87.gif87

รูปแบบการแลกเปลี่ยนกราฟิกของ CompuServe (เวอร์ชัน 87a)

GROUP4.group4

CCITT Group4 ดิบ

HDR.hdr

ภาพที่มีช่วงไดนามิกสูง

HRZ.hrz

Slow Scan TeleVision

ICO.ico

ไอคอนของ Microsoft

ICON.icon

ไอคอนของ Microsoft

IPL.ipl

ภาพ IP2 Location

J2C.j2c

codestream JPEG-2000

J2K.j2k

codestream JPEG-2000

JNG.jng

กราฟิกเครือข่าย JPEG

JP2.jp2

รูปแบบไฟล์ JPEG-2000

JPC.jpc

codestream JPEG-2000

JPE.jpe

รูปแบบ JFIF ของกลุ่มผู้เชี่ยวชาญด้านภาพร่วม

JPEG.jpeg

รูปแบบ JFIF ของกลุ่มผู้เชี่ยวชาญด้านภาพร่วม

JPG.jpg

รูปแบบ JFIF ของกลุ่มผู้เชี่ยวชาญด้านภาพร่วม

JPM.jpm

รูปแบบไฟล์ JPEG-2000

JPS.jps

รูปแบบ JPS ของกลุ่มผู้เชี่ยวชาญด้านภาพร่วม

JPT.jpt

รูปแบบไฟล์ JPEG-2000

JXL.jxl

ภาพ JPEG XL

MAP.map

ฐานข้อมูลภาพที่ไม่มีรอยต่อและมีความละเอียดหลายระดับ (MrSID)

MAT.mat

รูปแบบภาพ MATLAB level 5

PAL.pal

พิกซ์แมป Palm

PALM.palm

พิกซ์แมป Palm

PAM.pam

รูปแบบบิตแมป 2 มิติทั่วไป

PBM.pbm

รูปแบบบิตแมปพกพา (ขาวและดำ)

PCD.pcd

Photo CD

PCDS.pcds

Photo CD

PCT.pct

Apple Macintosh QuickDraw/PICT

PCX.pcx

ZSoft IBM PC Paintbrush

PDB.pdb

รูปแบบ ImageViewer ฐานข้อมูล Palm

PDF.pdf

รูปแบบเอกสารพกพา

PDFA.pdfa

รูปแบบเอกสารเก็บถาวร

PFM.pfm

รูปแบบลอยพกพา

PGM.pgm

รูปแบบกรายแมปพกพา (สเกลเทา)

PGX.pgx

รูปแบบไม่บีบอัด JPEG 2000

PICON.picon

ไอคอนส่วนบุคคล

PICT.pict

Apple Macintosh QuickDraw/PICT

PJPEG.pjpeg

รูปแบบ JFIF ของกลุ่มผู้เชี่ยวชาญด้านภาพถ่ายร่วม

PNG.png

กราฟิกเครือข่ายพกพา

PNG00.png00

PNG สืบทอดความลึกบิต, ประเภทสีจากรูปภาพเดิม

PNG24.png24

RGB 24 บิตที่ไม่โปร่งใสหรือโปร่งใสแบบไบนารี (zlib 1.2.11)

PNG32.png32

RGBA 32 บิตที่ไม่โปร่งใสหรือโปร่งใสแบบไบนารี

PNG48.png48

RGB 48 บิตที่ไม่โปร่งใสหรือโปร่งใสแบบไบนารี

PNG64.png64

RGBA 64 บิตที่ไม่โปร่งใสหรือโปร่งใสแบบไบนารี

PNG8.png8

8 บิตที่ไม่โปร่งใสหรือโปร่งใสแบบไบนารี

PNM.pnm

anymap พกพา

PPM.ppm

รูปแบบพิกซ์แมปพกพา (สี)

PS.ps

ไฟล์ Adobe PostScript

PSB.psb

รูปแบบเอกสารขนาดใหญ่ของ Adobe

PSD.psd

บิตแมป Adobe Photoshop

RGB.rgb

ตัวอย่างสีแดง, สีเขียว, และสีน้ำเงินดิบ

RGBA.rgba

ตัวอย่างสีแดง, สีเขียว, สีน้ำเงิน, และสีอัลฟาดิบ

RGBO.rgbo

ตัวอย่างสีแดง, สีเขียว, สีน้ำเงิน, และความทึบดิบ

SIX.six

รูปแบบกราฟิก DEC SIXEL

SUN.sun

Sun Rasterfile

SVG.svg

กราฟิกเวกเตอร์ขนาดยืดหยุ่น

SVGZ.svgz

กราฟิกเวกเตอร์ขนาดยืดหยุ่นที่บีบอัด

TIFF.tiff

รูปแบบไฟล์ภาพที่มีแท็ก

VDA.vda

ภาพ Truevision Targa

VIPS.vips

ภาพ VIPS

WBMP.wbmp

ภาพ Bitmap ไร้สาย (ระดับ 0)

WEBP.webp

รูปแบบภาพ WebP

YUV.yuv

CCIR 601 4:1:1 หรือ 4:2:2

คำถามที่ถามบ่อย

การทำงานนี้ทำงานอย่างไร?

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

ใช้เวลานานแค่ไหนในการแปลงไฟล์?

การแปลงเริ่มทันที และไฟล์ส่วนใหญ่ถูกแปลงใน ภายใต้วินาที ไฟล์ขนาดใหญ่อาจใช้เวลานานขึ้น.

ไฟล์ของฉันเกิดอะไรขึ้น?

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

ฉันสามารถแปลงประเภทไฟล์อะไรได้?

เราสนับสนุนการแปลงระหว่างทุกรูปแบบภาพ รวมถึง JPEG, PNG, GIF, WebP, SVG, BMP, TIFF, และอื่น ๆ อีกมากมาย.

ค่าใช้จ่ายนี้เท่าไหร่?

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

ฉันสามารถแปลงไฟล์หลายไฟล์พร้อมกันได้หรือไม่?

ใช่! คุณสามารถแปลงไฟล์เท่าที่คุณต้องการในครั้งเดียว แค่ เลือกไฟล์หลายไฟล์เมื่อคุณเพิ่มพวกเขา.