الصور والصور · محرر الصور والرسم في المتصفح
الرسومات النقطية مقابل الرسومات المتجهة: لماذا تصبح الرسومات الموجودة على الصورة بكسلات
· خلفية
تحرير الصور قماش معالجة المتصفح
الصور النقطية عبارة عن شبكات من وحدات البكسل؛ الرسومات المتجهة هي تعليمات لرسم الأشكال. يشرح هذا المنشور الفرق، ولماذا لا يمكن للصورة أن تكون نقطية إلا، ولماذا يرث أي شيء ترسمه عليها نفس المصير عند التصدير.
الشعار الذي أصبح ضبابيًا والصورة التي لا يمكن أبدًا "تحويلها إلى ناقل" - ارتباكان يوميان مع تفسير واحد
غالبًا ما يتم إلقاء اللوم على الشعار غير الواضح والصورة المشروحة على نفس المشكلة، لكنهما يبدأان كأنواع مختلفة من المواد. الشعار المتجه عبارة عن مجموعة من التعليمات للمسارات والحدود والتعبئات؛ الصورة هي حقل محدود من عينات الألوان. يفتح المحرر الصورة كصورة نقطية بحجم القماش، بحيث يكون عالم عملها عبارة عن شبكة من وحدات البكسل قبل رسم خط أو مستطيل.
ارسم مربعًا فوق الصورة، وقم بتصديرها، وقم بتكبير الحافة. والنتيجة هي صورة نقطية يشغل تعليقها التوضيحي وحدات البكسل بجانب الصورة. قارن هذا الملف مع SVG الأصلي بحجم عرض أكبر ويصبح التمييز مرئيًا: يؤدي تكبير التصدير إلى إعادة تشكيل شبكته، بينما يؤدي تكبير SVG إلى إعادة حساب مساره. لا يقوم هذا المحرر بتحويل الكائن الأول إلى الثاني.
البيانات النقطية: شبكة من الخلايا الملونة - كيف تقوم PNG وJPEG وWebP بتخزين الصور ولماذا يؤدي توسيع نطاقها إلى اختراع وحدات البكسل
تسجل الصور النقطية اللون في المواضع في الشبكة. تختلف PNG وJPEG وWebP في تشفيرها وضغطها، لكن الصورة المصدرة لا تزال تتحول إلى وحدات بكسل عند عرضها. الحدود ذات البكسل الواحد، والمنحنى المصقول، والتسمية التوضيحية الصغيرة كلها نماذج محدودة في الصورة النهائية. يتطلب توسيع نطاق الملف لأعلى إجراء عملية استيفاء لتقدير عينات إضافية؛ ولا يقوم باسترداد تعليمات الرسم الأصلية.
هذا القيد مهم عندما يجب أن يظل التعليق التوضيحي واضحًا بأحجام عديدة. يمكن أن تكون وسيلة شرح لقطة الشاشة المخصصة لشاشة عرض ثابتة واحدة صحيحة تمامًا كتصدير بيانات نقطية، في حين أن علامة العلامة التجارية المخصصة للعلامات والطباعة والواجهات المتعددة يجب أن تظل متاحة عادةً كأصل متجه. استخدم المحرر للصورة المركبة، وليس كبديل للعمل الفني المصدر الذي يجب تغيير حجمه بشكل مستقل.
المتجه: الأشكال الموصوفة رياضيًا - المسارات والحدود والتعبئة بتنسيقات مثل SVG، وسبب تغيير حجمها دون خسارة
تصف المتجهات الشكل الهندسي بدلاً من تخزين كل بكسل معروض. يمكن للمسار SVG أن يحدد منحنى، وعرض الحد، والتعبئة، والتحويل؛ يقوم العارض بعد ذلك بحساب وحدات البكسل المناسبة للحجم الحالي. ولهذا السبب يمكن أن تظل نفس العلامة البسيطة نظيفة عند وضعها على عدة أبعاد. التفسير هو خلفية على مستوى التنسيق، وليس ادعاءً بأن هذا المحرر يصدر مثل هذه التعليمات أو يحتفظ بها.
يستخدم محرر المتصفح المعلومات الهندسية مؤقتًا لإيماءات الخطوط والأشكال، مما يتيح للمعاينة متابعة المؤشر قبل الإصدار. بمجرد انتهاء الإيماءة، يتم رسم النتيجة في طبقة نقطية. قم بتصدير الطبقات المرئية واستدعاء canvas.toBlob لـ PNG، أو JPEG، أو WebP. لا يوجد مستند مشروع تصدير أو متجه SVG في هذا المسار، وبالتالي فإن الشكل الهندسي لا يستمر ككائن مستقل.
لماذا تكون الصور نقطية بطبيعتها - تلتقط المستشعرات العينات، وليس الأشكال، ولا يغير أي تحويل ذلك
الصور الفوتوغرافية عبارة عن مواد نقطية لأن الكاميرا تسجل عينات من الضوء عبر جهاز استشعار وتخزن تلك العينات كبيانات صورة. إن وصف صورة فوتوغرافية على أنها متجهات يتطلب تفسيرًا يستبدل تركيبها وضوضاءها وتظليلها وتفاصيلها غير المنتظمة بأشكال مخترعة. قد يؤدي رفع مستوى الشبكة أو تصديرها بشكل مختلف إلى تغيير الشبكة، ولكن لا تغير أي من العمليتين نوع المعلومات التي يحتوي عليها الالتقاط الأصلي.
يفسر هذا التمييز أيضًا سبب إمكانية تواجد الصورة والشعار معًا في تعديل واحد دون أن يصبحا نفس الشيء. قد يبدأ الشعار كمتجه في مكان آخر، ولكن بعد رسمه على صورة نقطية في هذا المحرر، تكون النتيجة المجمعة عبارة عن شبكة بكسل. احتفظ بالشعار الأصلي بشكل منفصل عندما تكون إعادة الاستخدام في المستقبل أمرًا مهمًا، وتعامل مع تصدير المتصفح باعتباره الصورة النهائية للغرض الحالي.
الرسم على البيانات النقطية: ما يفعله المحرر - قد تكون التعليقات التوضيحية أشكالًا أثناء التحرير، ولكن الصورة المصدرة عبارة عن شبكة واحدة
أثناء الإيماءة، يمكن لأدوات الخط والشكل أن تتصرف مثل التعليمات الهندسية المدمجة: يعرف المحرر نقطة البداية ونقطة النهاية والمخطط التفصيلي والمعاينة الحالية. عند الإصدار، يتم عرض هذه التعليمات في طبقة نقطية. علامات الفرشاة هي طلاء نقطي عند إنشائها، ويتم تنقيط النص عند الموضع بدلاً من الاحتفاظ به ككائن نص متحرك. وبالتالي توفر الجلسة الراحة دون إمكانية التحرير الواعدة على مستوى الكائن لاحقًا.
التصدير يجعل الحدود واضحة. يتم تجميع الطبقات النقطية المرئية في لوحة قماشية واحدة، ثم يتم تشفيرها كـ PNG، أو JPEG، أو WebP من خلال المتصفح. إعادة فتح هذا الملف يمنحك الصورة ويحددها كوحدات بكسل عادية؛ ولا يمنح المستلم مستطيلاً قابلاً للتحديد أو مسارًا قابلاً لإعادة الاستخدام أو تسمية توضيحية قابلة للتحرير. احتفظ بجلسة الطبقات أو الأصول المصدر إذا كنت قد تحتاج إلى تغيير التعليق التوضيحي بدلاً من مجرد مشاركة الصورة.
اختيار النوع المناسب للمهمة - متى تطلب شعارًا متجهًا ومتى يكون تصدير البيانات النقطية هو ما تريده بالضبط
اختر أصلًا متجهًا عندما يجب أن تنتقل العلامة نفسها: يحتاج الشعار إلى أحجام متعددة، أو قد تتم مراجعة الرسم التخطيطي، أو يجب وضع رمز على العديد من الخلفيات. اختر تصديرًا نقطيًا عندما يكون الهدف هو لقطة شاشة جاهزة للمشاركة، أو إثبات مع وسيلة شرح، أو صورة تحتوي على ملاحظة مرئية. إن القرار الصحيح يأتي من الاستخدام التالي، وليس من الاعتقاد بأن صيغة واحدة هي الأفضل دائمًا.
يعد محرر الصور والرسم في المتصفح مناسبًا للفئة الثانية. يمكنه وضع علامات نصية بالفرشاة والخط والمستطيل والقطع الناقص والنقطية على الصورة، ثم تصدير المركب كملف نقطي. لا يمكن إخراج SVG أو الاحتفاظ بنموذج كائن متجه. إذا طلب العميل الشعار كأصل مستقل، فارجع إلى مصدر المتجه الأصلي بدلاً من استخراج نسخة أكبر من وحدات البكسل المحررة.
الوجبات الجاهزة: تعرف على الصورة التي تحملها - كيف يقوم محرر الصور والرسم في المتصفح بتحرير الصور النقطية وتصدير الصور النقطية، حسب التصميم
النموذج العقلي الموثوق به بسيط: قد يستخدم المحرر الهندسة لوصف إيماءة، لكن المستند وتصديره عبارة عن صور نقطية. تحتوي كل صورة وطبقة محرر مفتوحة على شبكة بكسل محدودة. يؤدي توسيع تلك الشبكة إلى إعادة تشكيل المعلومات الموجودة، وتصدير المواد المركبة للطبقات المرئية إلى بيانات نقطية أخرى. لا توجد خطوة في سير العمل هذا تنشئ مسارًا متجهًا قابلاً لإعادة الاستخدام من خط أصبح بالفعل وحدات بكسل.
تحقق من نوع الملف والمستلم المقصود قبل الرسم. إذا كان المستلم بحاجة إلى عرض صورة واحدة نهائية، فقم بتصدير البيانات النقطية وتفحص حوافها بحجم العرض الفعلي. إذا كان المستلم بحاجة إلى تحرير العلامات، أو إعادة تلوين شعار، أو تغيير حجم العمل الفني بشكل متكرر، فقم بتوفير مصدر مناسب أو مصدر متعدد الطبقات. ويمنع هذا التمييز الخلط بين عملية تصدير صالحة من الناحية الفنية وبين نوع مختلف من التسليمات.