SVG به PNG مبدل
فایل های SVG برداری را به تصاویر رستر PNG با کیفیت بالا تبدیل کنید. مقیاس خروجی و رنگ پس زمینه را به راحتی در مرورگر خود سفارشی کنید.
SVG را در اینجا بکشید و رها کنید
تا 50 مگابایت پشتیبانی می کند
فایل های SVG برداری را به تصاویر رستر PNG با کیفیت بالا تبدیل کنید. مقیاس خروجی و رنگ پس زمینه را به راحتی در مرورگر خود سفارشی کنید.
تا 50 مگابایت پشتیبانی می کند
SVG (گرافیک برداری مقیاس پذیر) تصاویر را به عنوان مجموعه ای از موارد اولیه هندسی - مسیرها، اشکال، متن، گرادیان ها - توصیف می کند که به هر اندازه ای بدون کاهش کیفیت مقیاس می شوند. PNG یک شبکه پیکسل مستطیلی را با وضوح ثابت ذخیره می کند. تبدیل SVG به PNG یک مرحله شطرنجی سازی است: دستورالعمل های ترسیم SVG در اندازه پیکسل انتخاب شده ارزیابی می شوند و بیت مپ حاصل به صورت PNG کدگذاری می شود. خروجی در اندازه ای که شما مشخص کرده اید واضح به نظر می رسد اما اگر بزرگتر شود پیکسل می شود.
این مبدل SVG را با استفاده از موتور SVG داخلی مرورگر رندر می کند. SVG در یک عنصر Image بارگذاری می شود، بر روی بوم HTML5 در ابعاد خروجی انتخاب شده کشیده می شود و به عنوان PNG از طریق canvas.toBlob صادر می شود. از آنجایی که مرورگر شطرنجیسازی را انجام میدهد، ویژگیهای پیچیده SVG - گرادیانها، فیلترها، ماسکها، انیمیشنها بهعنوان یک فریم استاتیک - به همان شکلی که در یک صفحه وب واقعی ارائه میشوند، ارائه میشوند.
مهمترین تصمیم در تبدیل SVG به PNG اندازه هدف است. SVG مستقل از رزولوشن است، بنابراین انتخاب یک اندازه PNG که با استفاده واقعی مطابقت داشته باشد، از تهیه بیش از حد (فایلهای بزرگ برای آیکونهای با اندازه تصویر کوچک) و تهیه کمتر (خروجی تار هنگامی که بعداً بزرگتر میشود) جلوگیری میکند. اهداف رایج: 32×32 یا 64×64 برای نمادها، 256×256 یا 512×512 برای لوگوها، 1024×1024 برای گرافیک قهرمان، 2048×2048 برای دارایی های با کیفیت شبکیه چشم.
SVG برای وب و ابزارهای طراحی مدرن فوق العاده است اما برای بسیاری از زمینه های دیگر وحشتناک است. کلاینت های ایمیل SVG را به صورت متناقض ارائه می کنند. برخی آن را به عنوان یک خطر امنیتی مسدود می کنند. نرم افزارهای اداری قدیمی، CMS های خاص، خدمات شخص ثالث و تقریباً تمام خطوط لوله چاپ عکس به هیچ وجه SVG را نمی پذیرند. تبدیل به PNG یک رستر پذیرفته شده جهانی تولید می کند که در اندازه انتخاب شده یکسان به نظر می رسد.
PNG همچنین بدون وابستگی به رندر SVG گیرنده، به طور قابل اعتمادی در اسناد اداری، اسلایدها و فایلهای PDF تعبیه میشود. برای آرمها و گرافیکهایی که باید در بسیاری از پلتفرمها بهطور مداوم ظاهر شوند، PNG انتخاب مطمئنتری است – حتی اگر استقلال رزولوشن را که در وهله اول SVG را جذاب میکند، از دست بدهد.
اندازه هدف خود را انتخاب کنید، رندر کنید. مرورگر شطرنجی سازی را انجام می دهد.
SVG (توصیه W3C) یک فرمت برداری مبتنی بر XML با عناصر مسیرها، اشکال اصلی (مستقیم، دایره، بیضی، خط، چند ضلعی، چند خط)، متن، گرادیان (linearGradient، radialGradient)، فیلترها، ماسکها و مسیرهای کلیپ است. مرورگر XML را تجزیه میکند، یک DOM میسازد، CSS را اعمال میکند، و نتیجه را در حین رندر کردن صفحه شطرنجی میکند.
این مبدل SVG را در یک HTMLImageElement بارگذاری میکند (که مسیر معمولی رندر SVG-as-image مرورگر را راهاندازی میکند)، سپس آن را از طریق drawImage به بوم میکشد. بوم با استفاده از canvas.toBlob ('image/png') به صورت PNG صادر می شود. پیکسل های دقیق در خروجی با آنچه که SVG با همان اندازه در برگه مرورگر ارائه می کند مطابقت دارد.
موارد لبه: SVG با استفاده از ForeignObject همیشه وقتی از طریق عنصر Image استفاده می شود پشتیبانی نمی شود. ارجاع SVG به منابع خارجی (xlink:href به یک دامنه دیگر) ممکن است به دلیل CORS بارگیری نشود. انیمیشن های SMIL و انیمیشن های مبتنی بر جاوا اسکریپت فقط به عنوان فریم اولیه ارائه می شوند.