تغيير حجم الصورة لإنستغرام

كيف يعمل

هذا تغيير حجم بواسطة canvas مع أرقام إنستغرام مُعبَّأة مسبقًا. تُفكّ ترميز صورتك في المتصفح، وتُرسَم على <canvas> مضبوط على 1080×1080 بواسطة drawImage()، الذي يعيد أخذ عينات البكسلات بمرشّح التنعيم المدمج في المتصفح، وتُعاد التصدير بـ canvas.toBlob() (JPEG وWebP بجودة 0.92، وPNG بدون فقدان). بلا تطبيق، بلا رفع، والإعدادات الافتراضية هي بالفعل الصحيحة لمنشور مربع في الخلاصة.

لماذا 1080 تحديدًا: يخزّن إنستغرام صور الخلاصة بعرض يصل إلى 1080 بكسل ويعيد ضغط كل ما ترفعه. أرسل صورة بعرض 4000 بكسل وسيقلّصها إنستغرام بنفسه، بإعدادات ضغط لا تتحكم بها؛ أرسل بالضبط 1080 وتكون قد أنجزت التحجيم بإعادة أخذ عينات نظيفة، تاركًا لإنستغرام أقل ما يُفسده. الأحجام الثلاثة المهمة هي 1080×1080 للمربع، و1080×1350 للعمودي (الأطول المسموح به، وأكبر مساحة شاشة في الخلاصة)، و1080×608 للأفقي. غيّر حقل الارتفاع للوصول إلى الاثنين الآخرين.

شيء يجب مراقبته: إذا لم يكن أصلك مربعًا وفرضت بالضبط 1080×1080 مع إيقاف قفل نسبة العرض إلى الارتفاع، تُمدَّد الصورة، لا تُقصّ، وستُظهر الوجوه ذلك. الترتيب الصحيح هو القص إلى الشكل الذي تريده أولًا (أداة قص الصورة تفعل المربع بنقرة واحدة)، ثم تغيير الحجم هنا مع تفعيل القفل.

كل شيء يحدث في تبويبك. افتح لوحة Network في أدوات المطوّر أثناء تغيير الحجم: صورتك لا تُرفَع أبدًا إلى هذا الموقع أو أي مكان آخر، وهذا ليس صحيحًا بالنسبة لمعظم أدوات «تغيير الحجم لإنستغرام» التي تُمرّر صورتك بصمت ذهابًا وإيابًا عبر خوادمها.