Warning: file_exists(): open_basedir restriction in effect. File(/home/dzswhwue/public_html/wp-content/plugins/wp-rocket/) is not within the allowed path(s): (/tmp/:/www/wwwroot/ivahid.com/) in /www/wwwroot/ivahid.com/wp-content/advanced-cache.php on line 17

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the shayanweb-admin-fontchanger domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /www/wwwroot/ivahid.com/wp-includes/functions.php on line 6260

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wp-aparat domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /www/wwwroot/ivahid.com/wp-includes/functions.php on line 6260

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wp-external-links domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /www/wwwroot/ivahid.com/wp-includes/functions.php on line 6260

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the insert-headers-and-footers domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /www/wwwroot/ivahid.com/wp-includes/functions.php on line 6260

Notice: Function _load_textdomain_just_in_time was called incorrectly. بارگذاری ترجمه برای دامنه resumechi زودتر از حد مجاز فراخوانی شد. این معمولاً نشان‌دهندهٔ اجرای کدی در افزونه یا پوسته است که خیلی زود اجرا شده است. ترجمه‌ها باید در عملیات init یا بعد از آن بارگذاری شوند. Please see Debugging in WordPress for more information. (این پیام در نگارش 6.7.0 افزوده شده است.) in /www/wwwroot/ivahid.com/wp-includes/functions.php on line 6260
فرمت SVG و مزایا استفاده در طراحی سایت

فرمت SVG و مزایا استفاده در طراحی سایت و مزایا استفاده

فرمت SVG مخفف گرافیک برداری مقیاس‌پذیر و فرمت استاندارد تصاویر برداری است ، اکثر مرورگرهای امروزی از این فرمت پشتیبانی می کنند،اما در این میان مشکلی وجود دارد! چطور این فایل‌ها را بسازیم و یا ویرایش کنیم؟!

فرمت Scalable Vector Graphic (فرمت SVG ) زبانی‌ست از نوع اکس‌ام‌ال که به منظور ایجاد، انتشار، و کار با گرافیک دوبعدی و نیز کاربردهای گرافیکی بر روی اینترنت ایجاد گردیده است. به عنوان استانداردی جدید از سوی کنسرسیوم وب جهان‌شمول  (W3C)، اس‌وی‌جی باعث کوچک‌تر گردیدن، سریع‌تر بودن، و تعاملی‌تر (interactive) شدن اسناد دربردارندهٔ گرافیک و انیمیشن بر روی طراحی سایت می‌گردد . برای درک بهتر می توانید این پست را مشاهده کنید.

۱۲ لودینگ SVG

 متاسفانه فقط تعداد کمی از نرم‌افزارهای معروف گرافیکی قادر به بازکردن فایل‌هایSVG هستند! و Photoshop جزو این فهرست محدود نیست! اما راه حل آن یافت شد و نه تنها همه خصوصیات ذکر شده را داراست بلکه متن‌باز هم هست.

تفاوت svg و bitmap

نرم‌افزار Inkscape ویرایش‌گر متن‌باز تصاویر برداری فرمت SVG با قابلیت‌هایی مشابه Illustrator ، CorelDraw ، یا Xara X با استفاده از فرمت استاندارد W3C یا همان SVG است. Inkscape بسیاری از امکانات پیشرفته فرمت SVG را پشتیبانی می‌کند

علاوه بر موارد ذکر شده امکان خروجی گرفتن در فرمت‌هایی نظیر ( ، PDF PNG ، EPS ، EMF ، WMF و غیره) را داراست. و از طریق برنامه‌های جانبی نیز می‌توان به شکل گروهی فرمت هزاران فایل را با این نرم‌افزار تبدیل کرد (ConversionSVG)

برنامه متن‌باز دیگری نیز البته وجود دارد به نام Uniconvertor که استفاده از آن آسان و مناسب برای تبدیل سریع تعداد زیادی فایل است. علاوه بر این از تعداد زیادی فرمت نیز پشتبانی می‌کند. فرمت SVGZ  نیز نسخه فشرده شده SVG است.

قابلیتهای فرمت SVG  :

نرم‌افزار Inkscape

Inkscape نرم افزاری متن باز برای گرافیک های برداری (Vector) نظیر برنامه های Adobe Illustrator، Corel Draw، Freehand و Xara X است. تصاویر وکتور دارای مشخصاتی متفاوت از تصاویر Bitmap است که بارزترین آن ها، امکان بزرگنمایی تصاویر تا حد دلخواه بدون افت پیکسل است که این مورد به دلیل شیوه نگارش برداری تصاویر است. Inkscape بر خلاف نرم افزار های بر پایه Bitmap نظیر Photoshop و Gimp تصاویر خود را بر اساس Vector ایجاد می نماید. اگر تا کنون سابقه کار با نرم افزار های وکتور را داشته اید کار با این نرم افزار نیز برایتان بسیار ساده خواهد بود. Inkscape از مطرح ترین نرم افزار های برداری است که به صورت کاملا رایگان و متن باز منتشر می شود. آخر همین پست دانلود برنامه موجود است.

به این مطلب چه امتیازی می‌دهید؟

10 پاسخ

  1. سلام خسته نباشید
    برای باز کردن لودینگ های SVG که تو پست بعد گذاشتید از این برنامه استفاده می کنم، اما متاسفانه برنامه قادر به باز کردن اون نیست. ممنون میشم راهنمایی بفرمایید.

    1. سلام
      برای شما باز می کنه اما رنگ آن سفید است ، بعد از باز کردن با ماوس بر روی صفحه که کلیک کنید می بینید چیزی به انتخاب در آمده ، سپس بر روی رنگ هایی که پایین برنامه هست کلیک کنید.
      موفق باشید

  2. خیلییییی ممنون چو نرم افزار لوگو میکر ک داشتم تصاویرو pngاکسپرت میکرد و کیفیت پایین بود و از svg خبر نداشتم اما حالا با این فرمت لوگویی ک میسام به راحی در کرول دراو قابل تغیر است .ممنون
    فق یسری طرح لایه بازpsdدان کردم برای ویرایش توی cldکیفیتش میاد پاین نمیدونم چی کنم مجبورم تو خود psdحذفیاتشو حذف ببرم cldی چیزای اضافه کنم بعد دوباره اکسپرت کنم psd برای تغییر cmykو فرمتtifdک اماده چاپ بنر باشه..
    اگر راهی بلدی به منم ایمیل کن خیلی ممنون میشم.خدا خیرتون بده مشکل لوگو رو برطرف کردید.

  3. سلام. ببخشید من وقتی از ایلاستریتور فرمت SVG رو خروجی میگیرم نوشته ها به هم ریخته نمایش داده میشه در حالی که این مشکل رو داخل خود نرم افزار حل کردم و نوشته ها درست نمایش داده میشه.
    این مشکل قابل حله؟
    و اگر آره چطوری؟

    1. سلام
      لطفا به نوع shape تغییر بدید و خروجی بگیرید ، به احتمال زیاد درست میشه
      موفق باشید

  4. سلام من وقتی در برنامه ایلوستریور ایکونی رو خروجی میگیرم کد که به من میده در هدر سایتم وارد میکنم ایکون خیلی بزرگه چه جوری می تونم به سایز دل خواهم برسم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *