محسّن صور المواقع لصفحات أسرع
جهّز الصور لصفحات الويب: ملاءمتها داخل 1920×1080 وضغطها بجودة 78 والتحويل اختياريًا إلى WebP لصفحات أسرع وCore Web Vitals أفضل.
جارٍ تحميل محسّن صور المواقع…
ملفاتك لا تغادر جهازك أبدًا
طريقة استخدام محسّن صور المواقع
- 1
افتح محسّن صور المواقع في هذه الصفحة. تُحمَّل مباشرة في متصفحك.
- 2
أضف ملفك أو نصك أو القيم، واضبط الإعدادات.
- 3
انسخ النتيجة أو نزّلها. لا يُرفع أي شيء ولا يُخزَّن.
كيفية تحسين الصور لموقع ويب
الصور عادةً أثقل جزء في صفحة الويب، وأكبرها في الجزء الظاهر أولًا هو غالبًا العنصر الذي يحدد Largest Contentful Paint (LCP)، أحد مقاييس Core Web Vitals من Google. صورة بحجم 5 ميغابايت مباشرة من الكاميرا أو موقع صور أكبر بعدة مرات مما تحتاجه أي شاشة. يعالج محسّن صور المواقع السببين معًا: الأبعاد المبالغ فيها والبايتات غير الضرورية.
افتراضيًا تُلاءم كل صورة داخل 1920 × 1080 بكسل مع الحفاظ على النسبة ودون تكبير الصور الأصغر أبدًا، ثم تُضغط بجودة 78، وهو إعداد يبقى نظيفًا في الصور الرئيسية بعرض كامل ويقلل حجم الملف كثيرًا. تبقى الصيغة الأصلية ما لم تختر غيرها؛ ولمعظم المواقع يكون التحويل إلى WebP أسهل توفير إضافي.
طريقة استخدام محسّن صور المواقع
- اسحب صورك إلى منطقة الرفع، أو انقر عليها لاختيار الملفات، أو الصق صورة باستخدام Ctrl+V. تقبل هذه الصفحة ملفات JPG وPNG وWebP وGIF وBMP، عدة ملفات دفعة واحدة وحتى 80 ميغابايت لكل ملف.
- راجع قسم Resize: يناسب Max 1920 × 1080 الصور الرئيسية والخلفيات بعرض كامل. لصور داخل عمود مقال خفّض العرض إلى نحو 1200 أو 800 بكسل. الصور العمودية الطويلة محدودة بارتفاع 1080 بكسل، فارفعه إن احتجت صورًا أطول.
- افتح Format واختر WebP (تدعمه كل المتصفحات الحالية) أو AVIF لأصغر الملفات، أو احتفظ بالصيغة الأصلية إن كان نظام إدارة المحتوى يتطلب JPG أو PNG.
- افحص النتيجة بشريط المقارنة قبل/بعد: اسحب الفاصل فوق المعاينة واقرأ أسفلها الأبعاد الجديدة وحجم الملف والجودة ونسبة التوفير. أي تغيير في الإعدادات يعيد معالجة كل الصور تلقائيًا.
- نزّل صورة واحدة أو استخدم Download all (ZIP) للدفعة كاملة. ومن More options يمكنك أيضًا ضبط قيمة DPI ونمط لاسم الملف باستخدام {name} و{w} و{h}.
نصائح لأداء الويب
- اجعل حجم الصورة على قدر مكانها. صورة تُعرض بعرض 800 بكسل لا تحتاج عرض 4000 بكسل؛ مطابقة الأبعاد للتصميم توفر غالبًا أكثر من أي إعداد للجودة.
- ابدأ بصورة LCP. حسّن الصورة الرئيسية أو البانر ولا تؤجل تحميلها؛ التحميل الكسول للصور الأبعد في الصفحة، كما تشرح صفحة مولّد صور التحميل الكسول.
- حدد width وheight في HTML. يعرض سطر After حجم المخرجات الدقيق، فانسخه إلى السمتين width وheight لتجنب إزاحة التخطيط (CLS).
- عالج مجلدات كاملة. أفلت كل صور صفحة أو قالب دفعة واحدة ونزّلها بملف ZIP. محسّن WebP مضبوط مسبقًا على WebP، والأحجام الدقيقة في تغيير الحجم إلى 1920×1080.
يحفظ مرمِّز المتصفح صور GIF المتحركة كصورة ثابتة، لذا أبقِ الملفات المتحركة خارج الدفعة.
خاص ومجاني وسريع
يجري العمل كله في متصفحك: تُفك الصور ويُغيَّر حجمها ويُعاد ترميزها على جهازك، فلا يُرفع أي شيء إلى خادم. لا تسجيل ولا علامة مائية ولا حد يومي، وتُحذف بيانات الموقع والكاميرا (EXIF) من كل نتيجة.
المزايا
- يلائم الصور داخل 1920×1080 افتراضيًا
- جودة 78 مضبوطة لصور الويب بعرض كامل
- لا يكبّر الصور الأصغر أبدًا
- مخرجات WebP أو AVIF اختيارية
- حجم مخرجات دقيق لسمتي width وheight
- معالجة دفعات وتنزيل ZIP
الأسئلة الشائعة
ما أفضل حجم للصور في موقع ويب؟
نادرًا ما تحتاج الصور الرئيسية بعرض كامل إلى أكثر من 1920 بكسل، وتحتاج صور عمود المحتوى عادةً 800 إلى 1200 بكسل. طابق العرض مع أكبر حجم تُعرض به الصورة فعلًا.
كيف تحسّن الصور المحسَّنة Core Web Vitals؟
الملفات الأصغر تُنزَّل أسرع، ما يقصّر Largest Contentful Paint مباشرة حين تكون الصورة أكبر عنصر على الشاشة. وتحديد width وheight يمنع أيضًا إزاحة التخطيط.
هل أستخدم WebP في موقعي؟
في معظم الحالات نعم. تدعم كل المتصفحات الحالية WebP، وهو أصغر بوضوح من JPG بمظهر مماثل عادةً. قد يكون AVIF أصغر أيضًا، لكن إنشاءه هنا يتطلب Chrome أو Edge.
ما حجم الملف المناسب لصور الموقع؟
كقاعدة تقريبية: نحو 100 إلى 300 كيلوبايت للصور الرئيسية الكبيرة وأقل بكثير من 100 كيلوبايت لصور المحتوى. ويتيح وضع Target size تحديد حد دقيق.
هل تنشئ هذه الأداة JPEG تدريجيًا (progressive)؟
لا. تأتي مخرجات JPG من مرمِّز المتصفح نفسه، الذي يكتب ملفات JPEG قياسية (baseline). ويأتي التوفير من تغيير الحجم والضغط.
هل تُرفع صوري إلى خادم؟
لا. تُعالَج الصور محليًا في متصفحك ولا تغادر جهازك أبدًا، وتُحذف عند إغلاق علامة التبويب.