مزایای SVG
همانطور که شما یک وب سایت ساختید و تصاویر را به آن سایت اضافه میکنید، یکی از مهمترین چیزهایی که باید تعیین کنید این است که کدام فرمتهای فایل مورد استفاده صحیح هستند. بسته به گرافیک، یک فرمت ممکن است خیلی بهتر از دیگران باشد.
بسیاری از طراحان وب با فرمت JPG راحت هستند و این فرمت برای تصاویری با عمق عمیق رنگ مانند عکس ها مناسب است. در حالی که این فرمت نیز برای گرافیک ساده مانند آیکونهای نشان داده شده کار می کند، این بهترین فرمت برای استفاده در آن نیست. برای این آیکون، SVG انتخاب خوبی خواهد بود. بیایید به دقت نگاه کنید:
SVG فناوری بردار است
این به این معنی است که تکنولوژی شطرنجی نیست. تصاویر برداری ترکیبی از خطوط ایجاد شده با استفاده از ریاضی است. فایل های Raster از پیکسل ها یا مربع های کوچک رنگ استفاده می کنند. این یکی از دلایلی است که SVG مقیاس پذیر و مناسب برای وبسایت های پاسخگو است که باید با اندازه صفحه نمایش دستگاه مقیاس شود. از آنجا که گراف بردار در دنیای ریاضی وجود دارد، برای تغییر اندازه، شما به سادگی اعداد را تغییر دهید. فایل های Raster اغلب در هنگام اندازه گیری نیاز به تعمیرات اساسی دارند. هنگامی که می خواهید در یک تصویر برداری بزرگنمایی کنید، هیچ گونه تحریف وجود ندارد، زیرا سیستم ریاضی است و مرورگر فقط آن ریاضی را مجددا محاسبه می کند و خطوط را به همان اندازه صاف می کند. هنگامی که شما یک تصویر شفاف را بزرگ می کنید، کیفیت تصویر را از دست می دهید و هنگامی که شروع به دیدن آن پیکسل های رنگ می کنید، فاز شروع به فاز می کند. ریاضی گسترش می یابد و قراردادها، پیکسل ها نمی کنند. اگر شما می خواهید تصاویر خود را به قطعنامه مستقل، SVG به شما این توانایی را می دهد.
SVG مبتنی بر متن است
هنگامی که از یک ویرایشگر گرافیکی برای تولید تصویر استفاده می کنید، برنامه تصویری از آثار هنری تکمیل شده را می گیرد. SVG متفاوت عمل می کند. شما هنوز هم می توانید از برخی از برنامه های نرم افزاری استفاده کنید و احساس کنید که شما یک تصویر را طراحی می کنید، اما محصول نهایی مجموعه ای از خطوط بردار یا حتی کلمات است (که واقعا فقط بردارهای بر روی صفحه است). موتورهای جستجو به کلمات، به ویژه کلمات کلیدی نگاه می کنند. اگر شما یک JPG را آپلود میکنید، خودتان را به عنوان تصویر گرافیکی خود و شاید متن متن بالا محدود می کنید. با برنامه نویسی SVG، شما بر روی امکانات گسترش می یابید و تصاویری را که دوستانه تر موتور جستجو هستند ایجاد می کنید.
SVG XML است و در قالبهای دیگر زبان عمل می کند
این به کد مبتنی بر متن باز می گردد. شما می توانید تصویر پایه خود را در SVG ایجاد کنید و از CSS برای له کردن آن استفاده کنید. بله، شما می توانید یک عکس داشته باشید که در واقع یک فایل SVG است، اما شما همچنین می توانید SVG را مستقیما به صفحه اضافه کنید و آن را در آینده ویرایش کنید. شما می توانید آن را با CSS تغییر دهید همانطور که می توانید متن صفحه را تغییر دهید، و غیره. این بسیار قدرتمند است و برای ویرایش آسان می کند.
SVG به راحتی ویرایش می شود
این احتمالا بزرگترین مزیت است. هنگامی که یک عکس از یک مربع می گیرید، این همان چیزی است که دارد. برای ایجاد یک تغییر، شما مجبور به تنظیم مجدد صحنه و گرفتن عکس جدید هستید. قبل از آنکه بدانید، 40 تصویر مربع دارید و هنوز کاملا درست نیست. با SVG، اگر اشتباه کردید، مختصات یا یک کلمه را در یک ویرایشگر متن تغییر دهید، و شما انجام می شود. من می توانم به این موضوع مربوط شوم زیرا من یک حلقه SVG را که به طور صحیح قرار نگرفته بود، کشیدم. همه چیزهایی که من باید انجام دهم تنظیم مختصات بود.
تصاویر JPG می تواند سنگین باشد
اگر می خواهید تصویر خود را در اندازه فیزیکی رشد دهید، همچنین در اندازه فایل رشد می کند. با SVG، یک پوند هنوز یک پوند مهم نیست که چقدر بزرگ شده اید. یک مربع که 2 اینچ عرض دارد، همان مربع است که 100 اینچ عرض دارد. اندازه فایل تغییر نمی کند، که از دیدگاه عملکرد صفحه عالی است!
پس کدام بهتر است؟
بنابراین فرمت بهتر - SVG یا JPG چیست؟ این بستگی به تصویر دارد. این مانند پرسیدن "چه چیزی بهتر است، یک چکش یا یک پیچ گوشتی؟" این بستگی به آنچه شما باید انجام دهید! همین امر برای این فرمت های تصویر درست است. اگر شما نیاز به نمایش یک عکس دارید، JPG بهترین انتخاب برای شماست. اگر شما اضافه کردن یک آیکون، SVG احتمالا انتخاب بهتر است. شما می توانید در مورد زمان مناسب برای استفاده از فایل های SVG در اینجا یاد بگیرند.
مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 6/6/17