آموزشی - ساخت تصویر و انیمیشن بدون افت کیفیت در دستگاههای مختلف
سلام
وقتی ما از تصاویر Bitmap (مثل Jpeg , Png ) استفاده میکنیم ، در دستگاههای مختلف که از سایز نمایشگر و یا تراکم تصویر متفاوت برخورداند ، کیفیت متفاوتی را خواهیم دید. برای عدم افت کیفیت معمولا برای هر تصویر از چند سایز مختلف در برنامه استفاده میکنیم و در پوشه های hdpi , mdpi , ... قرار میدهیم . این کار باعث میشه که حجم فایل خروجی برنامه بالا بره ؛
خوب یک راه حل مناسب برای اینکار استفاده از تصاویر برداری Vector بجای عکس هست. ( البته بعضی جاها نیاز میشه از Bitmap استفاده کنیم ، بسته به نوع گرافیکی که میخوایم داشته باشیم ) که در وبسایتها هم مورد استفاده قرار میگیره.
یک فرمت شناخته شده و استاندارد برای اینکار svg میباشد.
از قابلیتهای مختلف این فرمت تعریف animation درون آن هست ، شما میتونید هر گونه انیمیشنی را درون فایل تعریف کرده و استفاده کنید ، حتی قابلیت واکنش پذیری هم داره و میتونید تعریف کنید وقتی ماوس روی تصویر آمد چه حرکت یا افکتی داشته باشه
هر چقدر هم زوم کنید و یا از دیوایسهای با مانیتور بزرگ ( حتی تلویزیون هوشمند ) استفاده کنید از کیفیت کاسته نخواهد شد
نمونه ای از تصویر svg :
نمونه واکنشپذیر :
و نمونه متحرک : http://fekrebartar.ir/animate-svg.htm
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .
