كيفية تغيير حجم الصور
إجابة سريعة
استخدم Canvas: ctx.drawImage(img, 0, 0, newWidth, newHeight) ثم canvas.toBlob(). احافظ على نسبة العرض إلى الارتفاع بقسمة البعد المعروف. استخدم أداة تغيير حجم الصور المجانية — تعمل في متصفحك.
مقدمة
تغيير حجم الصور يستخدم Canvas API: ارسم الصورة الأصلية على canvas بالأبعاد الجديدة، ثم استخرج الصورة المعدلة. للحفاظ على نسبة العرض إلى الارتفاع، احسب البعد الآخر من النسبة الأصلية. اضبط جودة JPEG عبر toBlob quality parameter.
خطوة بخطوة
-
افتح أداة تغيير حجم الصورة
انتقل إلى صفحة أداة Image Resizer. تدعم الأداة JPEG، وPNG، وWebP، وBMP وتعالج الصور محليًا باستخدام Canvas API.
-
قم بتحميل صورتك
انقر فوق تحميل أو اسحب صورتك وأفلتها في الأداة. تعرض الأداة الأبعاد الأصلية (على سبيل المثال، 4000 × 3000 بكسل) وحجم الملف.
-
أدخل الأبعاد المستهدفة
أدخل العرض أو الارتفاع الجديد. إذا تم تمكين "الحفاظ على نسبة العرض إلى الارتفاع" (افتراضي)، فسيتم حساب البعد الآخر تلقائيًا لمنع التشويه. على سبيل المثال، يؤدي تغيير العرض من 4000 إلى 800 إلى ضبط الارتفاع تلقائيًا من 3000 إلى 600.
-
اختر طريقة إعادة أخذ العينات (اختياري)
توفر بعض الأدوات خيارات إعادة التشكيل: ثنائية الخط (سريعة، ذات جودة أقل) أو ثنائية المكعب (أبطأ، ذات جودة أعلى). لتقليل الحجم، ينتج bicubic نتائج أكثر وضوحًا. عادةً ما يكون الإعداد الافتراضي drawImage() للمتصفح كافيًا.
-
قم بتنزيل الصورة التي تم تغيير حجمها
انقر فوق "تنزيل" لحفظ الصورة التي تم تغيير حجمها. تعرض الأداة الأبعاد الجديدة وحجم الملف. تأكد من أن النتيجة تبدو صحيحة قبل استخدامها.
أمثلة
تغيير الحجم لعرض الويب
مدخل: photo.jpg (4000×3000، 4.5 ميجابايت)
الإخراج: photo-web.jpg (800×600، 180 كيلوبايت) — تقليل الحجم بنسبة 96%
تغيير حجم الصورة المصغرة لوسائل التواصل الاجتماعي
مدخل: image.png (2000x2000)
الإخراج: Thumb.png (300x300) - صورة مصغرة مربعة
تغيير الحجم بدون نسبة العرض إلى الارتفاع (التشويه)
مدخل: photo.jpg (4000 × 3000، نسبة المحافظة: إيقاف)
الإخراج: photo.jpg (800x800) — ممتدة/مشوهة
المشاكل الشائعة
- التشويه الناتج عن كسر نسبة العرض إلى الارتفاع — يؤدي تعطيل "الحفاظ على نسبة العرض إلى الارتفاع" إلى تمديد الصورة. احتفظ بها دائمًا إلا إذا كنت تريد التشويه عمدًا.
- تؤدي عملية الارتقاء إلى إنتاج صور ضبابية - حيث يؤدي تكبير الصورة إلى ما يتجاوز حجمها الأصلي إلى إنشاء نتائج ضبابية ومنقطة. استخدم ترقية AI للحصول على جودة أفضل.
- تغيير الحجم إلى أبعاد خاطئة لحالة الاستخدام — تحقق من متطلبات النظام الأساسي المستهدف. على سبيل المثال، يجب أن تكون صور Open Graph 1200x630، وبطاقات Twitter 1200x675.
- تغيير الحجم بدون ضغط - لا يزال حجم الصورة بحجم 4000 بكسل إلى 800 بكسل ولكن يتم حفظها بجودة JPEG بنسبة 100% كبيرًا. الجمع بين تغيير الحجم والضغط.
نصائح
- قم بتغيير حجم الصور إلى أبعاد العرض الدقيقة - يؤدي عرض صورة بحجم 4000 بكسل لعرض بحجم 800 بكسل إلى إهدار النطاق الترددي وإبطاء تحميل الصفحة.
- استخدم أبعاد الويب الشائعة: 1920x1080 (الرئيسية)، 1200x630 (الاجتماعية)، 800x600 (المحتوى)، 300x300 (الصورة المصغرة).
- حافظ دائمًا على نسبة العرض إلى الارتفاع لتجنب التشويه — الاستثناء هو عندما تقوم بالاقتصاص عمدًا إلى نسبة معينة.
- استخدم أداة تغيير حجم الصور الخاصة بنا للمعالجة الفورية والخاصة - لا تترك صورك متصفحك أبدًا.