طراحی سایت و داشتن یک وب سایت یکی از موثرترین روش های تبلیغاتی می باشد. امروزه با وجود نرم افزار های مختلف و وجود پوسته های Open-source رایگان انجام این کار بسیار راحت تر شده است اما آنچه که سایت یک کمپانی بزرگ را از دیگر سایت ها متمایز می کند روش ها و ابزارهایی است که در طراحی سایت مورد استفاده قرار می گیرد.
نرم افزارهای پایه ی طراحی سایت Html و Css می باشد. امروزه با دانش اندکی از این دو نرم افزار در یک Notepad می توان یک سایت طراحی کرد .
اما با توجه به دنیای پرزرق و برق امروز وجود یک سایت زیبا یکی از موثرترین روش های جذب کاربران می باشد. بنابراین روش های زیادی برای داشتن یک وب سایت خاص وجود دارد. یکی از این روش ها استفاده از فرمت svg در طراحی سایت می باشد.
فرمت svg مخفف عبارت Scalable Vector Graphics بوده و یک فرمت استاندارد برای تصویر برداری می باشد. با استفاده از این تکنولوژی جدید حجم عکس های استفاده شده در سایت با حفظ کیفیت اولیه عکس کاهش می یابد. اساس این فایل ها با کد نوشته می شود اما خروجی در نهایت یک تصویر می باشد. در واقع با استفاده از این تکنولوژی در طراحی سایت، با زوم کردن گرافیک، کیفیت پایین نمی آید.
همچنین متن های نوشته شده در عکس هایی با فرمت svg بصورت Text بود و قابل جستجو و انتخاب هستند و در واقع تاثیر بسزایی در سئو سایت دارند.
در عکس زیر می توان تفاوت استفاده از svg و پیکسل را مشاهده کرد:
شاید بتوان شبیه ترین برنامه به svg را Flash نامید، البته در برتری های svg نسبت به Flash شکی نیست. یکی از مهمترین مزیت های آن موازی بودن تکنولوژی svg با استاندارد هایی مثل XSL و Dom می باشد. همچنین باید در نظر داشت svg برعکس فلش Open-source نیست.
- تعداد کمی از برنامه های ویرایش عکس فرمت svg را پشتیبانی می کنند که متاسفانه Photoshop جزء این برنامه ها نیست و باید از illustrator استفاده شود.
- تمام مرورگرها از این فرمت پشتیبانی نمی کنند.
برای برطرف کردن مشکل مشاهده svg در مرور گرها باید بر روی سیستم خود پلاگین Adobe svg viewer را نصب نمایید البته مرورگر Firefox 5.1 به بعد از این فرمت پشتیبانی می کند.