تنسيق الصور في مدونة بلوجر بشكل إحترافي

هذه المقالة تثقيفية بالدرجة الأولى للمهتمين بتطوير مدوناتهم ، أو الراغبين في
تعلم تحرير وتعديل قوالب بلوجر التقليدية ،كادر منصة عربلوجر للعلوم والتقنية
يتمنى لكم قراءة ممتعة.

هيكل رابط URL العام

معلومات: تم تحميل الصورة إلى صور جوجل

https://lh3.googleusercontent.com/xxxxx=parameter

معلومات: تم تحميل الصورة من أداة الرأس أو صورة مدون

https://blogger.googleusercontent.com/img/a/xxxxx=parameter

معلومات:تم تحميل الصورة من محرر المشاركات الخاص بالمدونة

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/parameter/example.png

معلومات: صورة خادم Blogger القديم

https://x.bp.blogspot.com/xxxxx/parameter/example.png

xxxxx عبارة عن سلسلة في عنوان URL لصورة المدون، لأنها طويلة جدًا لذلك في هذه
الحالة قمنا بتغييره إلى xxxxxx بحيث أبسط.

معلمات عنوان رابط لصورة Blogger

في جميع الحالات المعلمة هي حيث نحن يمكن كتابة معلمات صور جوجل.

يمكن دمج المعلمات من خلال الجمع بين الواصلات، على سبيل المثال:
w200-h100-c

الوصف: يمثل # رقمًا؛ يتم استخدام * كحرف بدل، مما
يعني أن أي شيء يمكن أن يتبعه.

تغيير الحجم

معامل	بناء الجملة	معلومة
`w`	`w#`	العرض، إذا كانت القيمة هي `0` العرض الأصلي مستخدم
`h`	`h#`	الارتفاع، إذا كانت القيمة هي `0` العرض الأصلي مستخدم
`s`	`s#`	مقياس (الارتفاع والعرض)، إذا كانت القيمة `0` المقياس الأصلي المستخدم
`nu`	`*-nu`	يقتصر الحجم على الحجم الأصلي.
`s`	`w#-h#-s`	مقياس القوة. يتطلب w# وh# ويتجاهل المعلمة nu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/h400/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s800/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s800-nu/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h120-s/example.png

تدوير

معامل	بناء الجملة	معلومة
`fh`	`*-fh`	يقلب الصورة أفقيًا
`fv`	`*-fv`	يقلب الصورة عموديا
`r`	`*-r#`	تدوير الصور في 90، 180 و 270 درجة

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-fh/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-fv/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-r90/example.png

اقتصاص الصورة

معامل	بناء الجملة	معلومة
`c`	`*-c`	قم بقص الصورة إلى مربع (يتم اقتصاص كلا الجانبين). لو معلمات `w#` و`h#` موجودة، مقطوعة سوف تتبع القياسات المعطاة مع الحفاظ على النسبة وجه.
`ci`	`*-ci`	قص الصورة من الأعلى على شكل مربع
`cc`	`*-cc`	قص الصورة في دائرة. إذا كانت الصورة PNG وGIF، الخلفية سيكون الظهر شفافًا
`n`	`w#-h#-n`	قص الصورة من المنتصف، يتطلب `w#` و `h#`
`p`	`*-p`	قص الصور بتركيز مختلف وخوارزمية الذكاء الاصطناعي. خصوصاً بحثاً عن الوجوه. باسم المحصول، سيكون الانتقال في المنتصف كائن الوجه

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h200-c/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-ci/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s300-cc/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h200-n/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/w400-h200-p/example.png

تنسيقات الصور

معامل	بناء الجملة	معلومة
`rj`	`*-rj`	ستكون الصورة بصيغة JPG
`rp`	`*-rp`	الصورة ستكون بصيغة PNG
`rg`	`*-rg`	ستكون الصورة بصيغة GIF
`rw`	`*-rw`	ستكون الصورة بتنسيق WEBP
`h`	`*-h`	ستكون الصور بتنسيق HTML
`d`	`*-d`	سيتم تنزيل الصورة مباشرة

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rj/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rp/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rg/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-rw/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-h/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s600-d/example.png

تنسيق GIF

معامل	بناء الجملة	معلومة
`k`	`*-k`	يعرض الإطار الأول مع أيقونة “تشغيل”.
`a`	`*-a`	يعرض إطارًا محددًا بأيقونة “تشغيل”.
`no`	`*-no`	قم بتعطيل أيقونة “التشغيل”. يتم دمج هذا الاتفاق مع `-k` أو `-a#`
`rh`	`s#-rh`	سيكون ملف GIF بتنسيق MP4

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-k/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-a88/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-k-no/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-rh/example.png

تحسين عنوان URL للصورة

معامل	بناء الجملة	معلومة
`ft`	`*-ft`	يطبق الضغط بدون فقد البيانات على ملفات JPEG دون تصغير الحجم جودة الصورة، يتم تطبيقها تلقائيًا عند الرسم معالجتها.
`l`	`*-l#`	تحسين الصور بتنسيقات JPEG وWebP باستخدام طريقة الضغط الضياع. [هذا حرف صغير L]
`v`	`*-v#`	ضغط الفقد البديل يقتصر على 4 مستويات، حيث `3` القيمة الأكثر خسارة و0 أصغر قيمة خسارة لـ WebP وJPEG.
`e`	`*-e#`	تحديد الملفات التي يمكن تخزينها مؤقتًا بواسطة المتصفح. كمية `#` في اليوم المطلوب.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-ft/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-l80/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-rw-v3/example.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/xxxxx/s0-e30/example.png