از پیکسل رستری به مسیر وکتور
فایل‌های PNG، JPEG، JPG، WebP، AVIF و BMP شبکه‌ای از پیکسل‌ها را نگه می‌دارند. SVG شکل‌ها، رنگ‌های پرکننده و مختصاتی را ذخیره می‌کند که نرم‌افزار سازگار می‌تواند در اندازه‌های مختلف دوباره رسم کند. وکتورسازی پیکسل‌های همسایه را تحلیل می‌کند، نواحی بصری را گروه‌بندی می‌کند، مرزهای آن‌ها را دنبال می‌کند و آن مرزها را با مسیرهای وکتور تقریب می‌زند.
تغییر نام فایل یا قرار دادن بیت‌مپ در یک پوشش SVG این بازسازی را انجام نمی‌دهد. VectorizeThis از بخش قابل‌مشاهده منبع، هندسه واقعی SVG می‌سازد.
پردازش در مرورگر می‌ماند
تصاویر پشتیبانی‌شده روی دستگاه کاربر رمزگشایی، ردیابی، ارزیابی و آماده می‌شوند. روند عادی تبدیل، داده‌های تصویر منبع را به سرور تبدیل آپلود نمی‌کند. این طراحی مبتنی بر پردازش محلی همچنین مقایسه چند نتیجه ممکن را بدون انتظار برای رفت‌وبرگشت سرور در هر تغییر، عملی می‌کند.
گزینه‌های ردیابی مقایسه می‌شوند
هیچ پیکربندی ردیابی واحدی برای همه تصاویر برنده نیست. آیکون تخت و عکس اطلاعات متفاوتی دارند و نیازهای فایل برش با تصویرسازی وب متفاوت است.
برای طرح‌ها، شش روش تک‌رنگ یا 10، 16، 18 یا 20 گزینه رنگی در حداکثر چهار پروفایل پالت پشتیبانی‌شده مقایسه می‌شوند. وقتی چند نتیجه مفید باقی بماند، یک پالت و سپس SVG را انتخاب می‌کنید. عکس و تصویرسازی پیچیده بهینه‌ساز ویژه خود را حفظ می‌کنند. کاربردهای ساخت، ابعاد فیزیکی و بررسی هندسه را با SVGO غیرفعال نگه می‌دارند. مستندات انتخاب خودکار این روند را توضیح می‌دهد.
بنابراین «بهترین نتیجه» گزینه‌ای است که مناسب‌ترین توازن کلی را برای آن تصویر و کاربرد موردنظر دارد. این لزوماً به معنای بالاترین امتیاز شباهت پیکسلی یا کوچک‌ترین فایل نیست.
کاربرد موردنظر، اولویت‌ها را تغییر می‌دهد
- وب، لوگو و آیکون ظاهر مرتب، رنگ‌های قابل‌ویرایش و کد کارآمد را ترجیح می‌دهند.
- عکس و تصویرسازی پیچیده رنگ و جزئیات بیشتری را نگه می‌دارند که می‌تواند به مسیرهای بیشتری نیاز داشته باشد.
- فرایندهای Cricut، وینیل، لیزر و CNC به هندسه کاربردی، نواحی بسته، اندازه فیزیکی معنادار و هشدارهای شکل‌هایی که ساختشان دشوار است وزن بیشتری می‌دهند.
- کاربرد خودکار وقتی مقصد هنوز مشخص نیست، میان وفاداری بصری عمومی و خروجی قابل‌کنترل تعادل برقرار می‌کند.
بررسی‌های ساخت می‌توانند مشکلات احتمالی را شناسایی کنند، اما نمی‌توانند همه دستگاه‌ها، مواد، تیغه‌ها، عرض برش، تنظیمات ورود یا قواعد خاص هر نرم‌افزار را در نظر بگیرند.
خروجی یکدست و بررسی می‌شود
پس از ردیابی، VectorizeThis فایل SVG را برای سازگاری با مرورگر و ویرایشگر آماده می‌کند، کد غیرضروری را حذف می‌کند و گزینه‌های خروجی انتخاب‌شده را اعمال می‌کند. می‌تواند یک پالت کوچک برای تغییر رنگ نشان دهد، از currentColor استفاده کند، پس‌زمینه شناسایی‌شده را حذف کند، تا محتوای معنادار برش دهد و در صورت درخواست کد را قالب‌بندی کند.
همچنین می‌توان نتیجه را برای پیچیدگی زیاد، جزیره‌های ریز، مسیرهای باز و شرایط دیگر مرتبط با روند انتخاب‌شده بررسی کرد. هشدار اطلاعاتی برای بازبینی است؛ ثابت نمی‌کند که فایل حتماً ناموفق خواهد بود.
ردیابی خودکار محدودیت دارد
طرح روشن با اندازه کافی و لبه‌های مشخص معمولاً مسیرهایی ساده‌تر و نزدیک‌تر به منبع می‌سازد. نویز، آثار JPEG، تاری، گرادیان، شفافیت، بافت ریز و رنگ‌های هم‌پوشان ممکن است به تفسیر نیاز داشته باشند. SVG ردیابی‌شده نمی‌تواند جزئیاتی را بازیابی کند که در منبع وجود نداشته‌اند و شاید انتخاب‌های ساختاری طراح اصلی را بازسازی نکند.
پیش‌نمایش کنارهم و کنترل‌های دستی وجود دارند چون قضاوت بصری کاربر همچنان مهم است. پیش از تولید، فایل‌های ساخت را در نرم‌افزار و ماده هدف آزمایش کنید.
تغییرات چگونه آزمایش می‌شوند
تغییرات منطق ردیابی و رتبه‌بندی با تصاویر نماینده آزمایش می‌شوند که آیکون، لوگو، طراحی خطی، رنگ‌های متعدد، منابع کم‌رزولوشن، عکس و نمونه‌های ویژه ساخت را پوشش می‌دهند. آزمایش‌های خودکار از رفتار مهم مرورگر و سیاست‌های خروجی محافظت می‌کنند و مقایسه‌های بنچمارک به شناسایی افت کیفیت پیش از انتشار کمک می‌کنند.
محتوای فنی ما چگونه تهیه می‌شود
توضیح‌های فنی VectorizeThis بر رفتار واقعی مبدل، آزمایش تصاویر منبع نماینده و مشخصات اولیه‌ای مانند استاندارد SVG از W3C تکیه دارند. وقتی رفتار مبدل به‌طور معناداری تغییر کند، صفحات بازبینی می‌شوند.
VectorizeThis را Maxime Desrosiers ساخته است. برای گزارش خروجی‌ای که مطابق انتظار عمل نمی‌کند، از ارسال بازخورد در مبدل استفاده کنید یا به صفحه تماس بروید.