تصغير الصور قبل النشر
تحفظ الهواتف الصور بحجم 4-8 ميغابايت بصيغة JPG أو HEIC. إعادة ترميزها إلى WebP بجودة 75٪ يخفض الحجم إلى ~1 ميغابايت دون فقد مرئي — مثالي لمنشورات المدوّنات ورفعها على المنتديات والبريد الإلكتروني.
حوّل PNG وJPG وWebP وAVIF — اسحب وأفلِت ونزّل. كل شيء يعمل داخل متصفحك؛ بايتات الصور لا تغادر تبويبك أبدًا.
حوّل PNG وJPG وWebP وAVIF — اسحب وأفلِت ونزّل. كل شيء يعمل داخل متصفحك؛ بايتات الصور لا تغادر تبويبك أبدًا.
لا. الأداة بأكملها هي شيفرة JavaScript تعمل داخل هذه الصفحة. تُفكّ الصورة باستخدام createImageBitmap، ثم تُرسم على canvas، ثم يُعاد ترميزها عبر canvas.toBlob — كل خطوة محلية في المتصفح. افتح DevTools ← Network وراقب: لا يُطلق أي طلب أثناء التحويل. آمن للصور الشخصية ولقطات الشاشة وملفات التصميم والمستندات السرية.
PNG بدون فقد — يخزّن كل بكسل بدقة. أما JPG فيعتمد الضغط بفقد ويبرع في الصور ذات التدرّجات الناعمة. إذا كان PNG لقطةَ شاشة أو رسمًا خطيًا أو يحتوي كتلًا لونية صلبة، فإن JPG يضغطه أسوأ من PNG ويصبح الملف أكبر. للقطات الشاشة وأصول الواجهة، التزم بـ PNG أو استخدم WebP. أما JPG فيتألق مع الصور الفوتوغرافية.
تحوي الصور الفوتوغرافية معلومات الموقع والوجوه، وقد تتضمّن لقطات الشاشة بيانات اعتماد، ونماذج التصميم تحوي ميزات منتجات لم يُعلَن عنها بعد. لصق أي من هذه على خادم تابع لشخص آخر هو تسريب بيانات صامت. أما محوّل iKit فهو شيفرة JavaScript محمّلة أصلًا في تبويب متصفحك.
صُمّم للمصممين والمطوّرين ولكل من قيل له إن صيغة ملفه خاطئة — حوّل بنقرتين، دون انتظار خادم.
PNG وJPG وWebP وAVIF — حوّل في أي اتجاه. أفلِت مجلدًا يحوي صيغًا مختلطة واحصل عليها كلها محوّلة إلى صيغة واحدة دفعةً واحدة.
اضبط الجودة من 40٪ إلى 100٪ على الصيغ المضغوطة بفقد (JPG / WebP / AVIF) عبر شريط تمرير حيّ. أما PNG فهو دائمًا بدون فقد بدقة البكسل.
يجري التحويل داخل متصفحك عبر واجهة canvas. لا رفع ولا تسجيل ولا أطراف ثالثة. ويمكنك التحقق من ذلك في DevTools ← Network: صفر طلبات.
غالبًا ما تُنتج WebP وAVIF ملفات أصغر بنسبة 25-50٪ من JPG/PNG عند الجودة نفسها. يحتاج ترميز AVIF إلى Chrome 85+ أو Safari 16.4+؛ نكتشف ذلك تلقائيًا ونُعلِمك.
حوّل عشرات الصور دفعةً واحدة، ثم انقر "تنزيل الكل" لحفظها. يحتفظ كل ملف باسمه الأصلي مع الامتداد الجديد.
بعد تحميل الصفحة، يكون كل التحويل محليًا — يعمل على متن طائرة أو قطار أو خلف جدار حماية مؤسسي أو مع فصل الشبكة كليًا.
لا وجود لخادم في هذه الحلقة — متصفحك يحوي أصلًا كل المرمّزات التي نحتاجها.
نستدعي createImageBitmap(file)، الذي يستخدم مرمّز الصور الأصيل في المتصفح لتحويل البايتات الخام إلى صورة نقطية قابلة للرسم. PNG وJPG وWebP وAVIF وGIF وBMP — كل ما يستطيع <img> عرضه يمكن فك ترميزه هنا.
يُنشأ <canvas> جديد بأبعاد الصورة الطبيعية عرضًا × ارتفاعًا، وتُرسم الصورة النقطية بدقتها الكاملة. لا إعادة عيّنة ولا تحجيم — بكسل ببكسل.
تُسلِّم canvas.toBlob('image/webp', 0.82) بكسلات الـ canvas إلى مرمّز المتصفح للصيغة المختارة وتُعيد كائن Blob. سلسلة MIME هي الشيء الوحيد الذي نغيّره بين الصيغ.
نستدعي URL.createObjectURL(blob) للحصول على رابط محلي، ونربطه برابط تنزيل، فيحصل المستخدم على ملف لم يلامس الشبكة قط.
مواقف حقيقية ستحتاج فيها إلى محوّل صور.
تحفظ الهواتف الصور بحجم 4-8 ميغابايت بصيغة JPG أو HEIC. إعادة ترميزها إلى WebP بجودة 75٪ يخفض الحجم إلى ~1 ميغابايت دون فقد مرئي — مثالي لمنشورات المدوّنات ورفعها على المنتديات والبريد الإلكتروني.
بعض أنظمة CMS (والكثير من تطبيقات Office) ترفض ملفات PNG ذات قناة alpha أو تعرضها بنزيف خلفية غريب. حوّل إلى JPG بخلفية صلبة، والصق، انتهيت.
استبدل logo.png وhero.jpg بنسخ WebP / AVIF وقدّمها عبر <picture>. ترتفع درجات Lighthouse، وينخفض LCP، دون أي فقد جودة ملحوظ بالعين.
هل لديك نموذج تصميم PNG بحجم 24 ميغابايت؟ الويب لا يحتاج إلى ذلك. حوّل إلى JPG بجودة 88٪ — عادة 1-2 ميغابايت ومطابق إدراكيًا، مع استرجاع ميزانية الحجم.
تحوي الصور الفوتوغرافية معلومات الموقع والوجوه، وقد تتضمّن لقطات الشاشة بيانات اعتماد، ونماذج التصميم تحوي ميزات منتجات لم يُعلَن عنها بعد. لصق أي من هذه على خادم تابع لشخص آخر هو تسريب بيانات صامت. أما محوّل iKit فهو شيفرة JavaScript محمّلة أصلًا في تبويب متصفحك.
دروس تفصيلية ومقارنات بين الأدوات من مدونة iKit.
When converting to a smaller format isn't enough — true lossless and visually lossless PNG compression in the browser.
Batch-compress dozens of images and bundle them into a single ZIP — no upload, no watermark.
لا. الأداة بأكملها هي شيفرة JavaScript تعمل داخل هذه الصفحة. تُفكّ الصورة باستخدام createImageBitmap، ثم تُرسم على canvas، ثم يُعاد ترميزها عبر canvas.toBlob — كل خطوة محلية في المتصفح. افتح DevTools ← Network وراقب: لا يُطلق أي طلب أثناء التحويل. آمن للصور الشخصية ولقطات الشاشة وملفات التصميم والمستندات السرية.
PNG بدون فقد — يخزّن كل بكسل بدقة. أما JPG فيعتمد الضغط بفقد ويبرع في الصور ذات التدرّجات الناعمة. إذا كان PNG لقطةَ شاشة أو رسمًا خطيًا أو يحتوي كتلًا لونية صلبة، فإن JPG يضغطه أسوأ من PNG ويصبح الملف أكبر. للقطات الشاشة وأصول الواجهة، التزم بـ PNG أو استخدم WebP. أما JPG فيتألق مع الصور الفوتوغرافية.
JPG: توافق شامل (كل جهاز وكل CMS)، مناسب للصور الفوتوغرافية. WebP: أصغر بنحو 25٪ من JPG عند الجودة نفسها، ومدعوم في كل متصفح حديث، وهو الخيار الأكثر أمانًا كبديل أفضل من JPG. AVIF: أصغر بنسبة 20-30٪ إضافية من WebP، لكن ترميزه أبطأ ولا يفك ترميزه سوى Chrome وSafari وFirefox (يحتاج Safari إلى 16.4+). استخدم AVIF على الويب إن كنت تقدّمه عبر `
يتطلب ترميز AVIF عبر canvas.toBlob متصفح Chrome 85+ أو Safari 16.4+ أو إصدارًا حديثًا من Firefox (مع تفعيل image.avif.compliance_strictness). أما فك الترميز (العرض) فمدعوم على نطاق أوسع، لكن كتابة AVIF تستلزم وجود المرمّز مدمجًا. يكتشف iKit ذلك تلقائيًا ويعطّل الخيار إن كان متصفحك لا يستطيع الترميز. الحل البديل: استخدم WebP، أو متصفحًا قائمًا على Chromium.
تحافظ كل من PNG وWebP وAVIF على شفافية قناة alpha. أما JPG فلا — تحويل صورة PNG شفافة إلى JPG يملأ الخلفية بالأبيض (أو ما يفترضه canvas افتراضيًا). إن كنت بحاجة إلى الشفافية، فحوّل إلى WebP أو PNG، ولا تستخدم JPG أبدًا.