නොමිලේ රූප ආකෘති පරිවර්තකය

එය ක්‍රියා කරන්නේ කෙසේද

පරිවර්තනය Canvas API එක — Chrome, Firefox, සහ Safari වලට ගොඩනගා ඇති එකම image-encoding එන්ජිම — භාවිතයෙන් සම්පූර්ණයෙන්ම ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ. ඔබේ ගොනු off-screen canvas එකකට අඳින අතර canvas.toBlob() මගින් ඉලක්ක ආකෘතියට නැවත encode කෙරේ; කිසිවක් කිසිදු සර්වරයකට උඩුගත නොකෙරේ.

1. 1
   රූපය canvas එකකට decode කෙරේ

   සෑම ගොනුවක්ම දේශීය object URL එකක් හරහා HTMLImageElement එකකට පූරණය කෙරේ. decode වූ පසු, pixel දත්ත ප්‍රතිදාන මානයන්ට ප්‍රමාණ කළ off-screen canvas එකකට අඳිනු ලැබේ — max-width එකක් සකසා ඇත්නම් aspect ratio ආරක්ෂා කරමින්.
2. 2
   JPEG විනිවිද පෙනීම encode කිරීමට පෙර හසුරුවනු ලැබේ

   JPEG වෙත පරිවර්තනය කරන විට (alpha channel එකක් නොමැති), රූපය අඳීමට පෙර canvas එක ප්‍රථමයෙන් සුදු පසුබිමකින් පුරවනු ලැබේ, විනිවිද පෙනෙන ප්‍රදේශ ප්‍රතිදාන ගොනුවේ කළු පැහැයෙන් render වීම වළක්වයි.
3. 3
   canvas.toBlob() pixels නැවත encode කරයි

   බ්‍රවුසරයේ native canvas.toBlob(mime, quality) canvas එක ඉල්ලූ quality මට්ටමින් තෝරාගත් ආකෘතියට (JPG, PNG, WebP, හෝ AVIF) encode කරයි. බ්‍රවුසරය ආකෘතියක් encode කිරීමට සහාය නොදක්වයි නම්, startup එකේදී ධාවනය වන feature-probe එකක් වැරදි ලෙස ලේබල් කළ ගොනුවක් නිශ්ශබ්දව නිපදවනවා වෙනුවට එම බොත්තම අක්‍රිය කරයි.
4. 4
   ප්‍රතිදානය දේශීය blob එකක් ලෙස ලබා දෙනු ලැබේ

   encode කළ blob එක ක්ෂණික පෙරදසුනකට සහ බාගැනීමට දේශීය object URL එකකින් wrap කෙරේ. බහුවිධ ගොනු සඳහා, බාගැනීම trigger වීමට පෙර JSZip ඒවා in-browser ZIP එකකට bundle කරයි.

සම්බන්ධ මෙවලම්