الصور والصور · محرر الصور والرسم في المتصفح
كيف يعمل الاقتصاص في محرر صور المتصفح: اللوحة القماشية والبكسلات
· كيف يعمل
تحرير الصور قماش معالجة المتصفح
يبدو الاقتصاص أمرًا تافهًا، ولكن يتعين على محرر المتصفح فك تشفير الملف ونسخ مستطيل من وحدات البكسل على لوحة قماشية وترميز ملف جديد تمامًا. تتناول هذه المشاركة كل خطوة وتشرح التغييرات والأشياء التي تظل كما هي.
لماذا تعتبر الصورة التي تم اقتصاصها ملفًا جديدًا، وليست ملفًا قديمًا تم اقتصاصه - لا يمكن للاقتصاص ببساطة حذف وحدات البايت من JPEG أو PNG، لذلك يقوم المحرر بفك التشفير وإعادة التشفير
يقوم JPEG بتخزين بيانات الصورة المضغوطة، وليس نطاق بايت واحد قابل للحذف بشكل مستقل لكل صف مرئي. سيؤدي قطع وحدات البايت من نهايته إلى إتلاف الملف، وليس قص الصورة. ولذلك يقوم محرر المتصفح بفك تشفير الصورة وتحديد مستطيل وإنشاء ملف مشفر جديد. يبقى الأصل على القرص الخاص بك. إذا كنت بحاجة إلى تحرير عكسي، فاحتفظ بإحداثيات المصدر والتحديد: لا يحتوي الاقتصاص المُصدَّر على وحدات البكسل المفقودة.
فك تشفير الصورة إلى صورة نقطية - كيف يقوم المتصفح بتحويل البايتات المضغوطة إلى شبكة عرض × ارتفاع مكونة من RGBA بكسل قبل أن يتم تحديد أي شيء
يقوم المتصفح بتحويل JPEG أو PNG أو WebP المضغوطة إلى صورة نقطية مع عينات العرض × الارتفاع. تمثل الصورة 4000×3000 اثني عشر مليون بكسل قبل أي اقتصاص، ويمكن أن تؤدي عدة بايتات لكل بكسل إلى جعل بصمتها في الذاكرة أكبر بكثير من الملف الموجود على القرص. ToolAcre يتحقق من حدود الصورة واللوحة قبل تخصيص مساحات عمل كبيرة جدًا. ما تراه على الشاشة قد يتم تكبيره ليناسب إطار العرض؛ لا يزال يتعين إعادة تعيين مستطيل الاقتصاص إلى إحداثيات الصورة قبل نسخ وحدات البكسل.
تحديد مستطيل: إحداثيات المصدر والوجهة - كيف يقوم drawImage بنسخ المنطقة المختارة على لوحة بالحجم المستهدف، وماذا يعني التقريب إلى وحدات البكسل الكاملة
المستطيل هو الأصل (x,y) بالإضافة إلى العرض والارتفاع، ويتم قياسه بالبكسل المصدر. ToolAcre يقيد هذا المستطيل بحدود المستند ويقص كل طبقة مرئية، وليس مجرد لقطة شاشة للمعاينة المركبة. لكل طبقة، يتم إنشاء لوحة قماشية مستهدفة واستدعاء drawImage مع تسع وسائط: لوحة المصدر، ومستطيل المصدر، وأصل الوجهة، وحجم الوجهة. مع تساوي أبعاد المصدر والوجهة، يتم تحديد وحدات البكسل بدون خطوة تغيير الحجم. يتم تقريب مواضع المؤشر الكسرية أو تثبيتها على وحدات بكسل قماشية قابلة للتمثيل.
تشفير النتيجة مرة أخرى إلى ملف - لماذا تحدد خطوة التصدير التنسيق والجودة، ولماذا يكون الاقتصاص نفسه دقيقًا في حين أن التشفير قد لا يكون كذلك
التصدير عملية منفصلة عن المحصول. يمكن ترميز اللوحة المعدلة كـ PNG، JPEG أو WebP اعتمادًا على الخيارات ودعم المتصفح. يمكن لـ PNG الحفاظ على وحدات البكسل المتوفرة في برنامج التشفير غير المفقود؛ JPEG يتخلص من بعض التفاصيل حتى إذا تم تحديد المستطيل تمامًا، وتحتاج الشفافية إلى خلفية متعمدة عند استخدام تنسيق بدون ألفا. يمكن أن يحذف الملف الجديد أيضًا بيانات تعريف المصدر أو معلومات الألوان، لذا لا تصفه مطلقًا على أنه مجموعة فرعية بايت مقابل بايت من الملف الأصلي.
مثال عملي: قص صورة 4000×3000 إلى لافتة 1600×900 - متابعة عدد وحدات البكسل من خلال فك التشفير والنسخ والتصدير
بالنسبة للمدون الذي لديه صورة 4000×3000، يبدأ الشعار المركزي 1600×900 عند x=1200 وy=1050. يقوم drawImage بنسخ الأعمدة من 1200 إلى 2799 والصفوف من 1050 إلى 1949 إلى الإخراج 1600×900: 1.44 مليون بكسل بدلاً من اثني عشر مليونًا. إذا طلبت بدلاً من ذلك من المحرر تقليص الصورة الكاملة إلى 1600×900، فإنك تقوم بتغيير نسبة العرض إلى الارتفاع وإعادة تشكيلها بدلاً من إجراء هذا الاقتصاص. في الهاتف ذي الذاكرة المحدودة، قد يقوم المحرر بتقليل مدخلات كبيرة جدًا أولاً، لذا تحقق من الأبعاد المعروضة قبل تكرار هذه الإحداثيات.
ما لا يمكن للمحصول المصدر استعادته من الصورة الأصلية
هذا ليس اقتصاصًا للكتل JPEG بدون خسارة: يقوم التطبيق برسم وحدات البكسل وتصدير حاوية جديدة. ولا يمكن للملف 1600×900 الذي تم تصديره استرداد الهوامش المهملة بعد إغلاق الملف الأصلي. يختلف مستند التحرير ذي الطبقات مرة أخرى: حيث يعمل الاقتصاص على طبقات المستند، بينما يقوم التصدير بتركيبها في الصورة التي تم تنزيلها. بالنسبة للمواد الحساسة، يعد قص الهامش أكثر أمانًا من مجرد رسم تراكب معتم، ولكن افحص وحدات البكسل المصدرة وحافظ على خصوصية البكسلات الأصلية.
الوجبات الجاهزة: وحدات البكسل الدقيقة والحاوية الجديدة - لماذا يكون اقتصاص المتصفح دقيقًا وكيف يقوم محرر الصور والرسم في المتصفح بتنفيذ ذلك دون تحميل الملف
يكون اقتصاص المتصفح دقيقًا بشأن وحدات البكسل التي تم فك تشفيرها والتي يجب الاحتفاظ بها، بينما يتحكم برنامج التشفير المختار في الملف الذي تم تنزيله. يقوم محرر الصور والرسم في المتصفح بتنفيذ كلا الخطوتين على جهازك: تحميل صورة، وتحديد مستطيل، وتطبيق الاقتصاص، والتصدير. لا تحتاج الشبكة إلى وحدات بايت الصور لأي من الخطوتين، ولكن يجب عدم الخلط بين أصول الموقع وطلبات AdSense/analytics التي تم الكشف عنها وبين تحميل الملف في DevTools.