هذه المقالة تثقيفية بالدرجة الأولى للمهتمين بتطوير مدوناتهم ، أو الراغبين في تعلم تحرير وتعديل قوالب بلوجر التقليدية ،كادر منصة عربلوجر للعلوم والتقنية يتمنى لكم قراءة ممتعة.
هيكل رابط 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
المصادر:
https://gist.github.com
الكلمات الدليلية:
كيف تصبح بلوجر ناجح؟ كيف انشر صور في المدونة؟ كيف يمكن الربح من المدونة؟ كيف عمل مدونة على جوجل؟