أكواد الصور للمنتديات وMarkdown وHTML

بقلمpiclinkadmin

بعد أن تحصل على رابط مباشر للصورة، تحتاج إلى الكود المناسب لعرضها. إليك دليلًا مختصرًا.

BBCode (المنتديات)

الهدفالكود
عرض صورة[img]https://…/photo.jpg[/img]
صورة قابلة للنقر[url=https://…/page][img]https://…/photo.jpg[/img][/url]
تحديد العرض (في بعض المنتديات)[img width=400]https://…/photo.jpg[/img]

يختلف الدعم حسب برنامج المنتدى (phpBB وvBulletin وXenForo وSMF)، لذا راجع صفحة المساعدة في منتداك.

Markdown

الهدفالكود
عرض صورة![Alt text](https://…/photo.jpg)
صورة قابلة للنقر[![Alt text](https://…/photo.jpg)](https://…/page)

يعمل على GitHub وGitLab وكثير من مواقع الوثائق وتطبيقات الملاحظات. أما محرر Reddit وDiscord فيتعاملان مع الصور بطريقة مختلفة: في Discord، لصق رابط مباشر يعرض عادةً معاينة للصورة.

HTML

الهدفالكود
عرض صورة<img src="https://…/photo.jpg" alt="Alt text">
تحديد الحجم<img src="…" width="400" height="300" alt="…">
قابلة للنقر<a href="https://…/page"><img src="…" alt="…"></a>

نصائح

  • أضف دائمًا نصًا بديلًا لتسهيل الوصول.
  • استخدم الرابط المباشر (المنتهي بـ .jpg أو .png أو .gif أو .webp)، لا رابط صفحة.
  • تمنحك أداة تحويل صورة إلى رابط الأكواد الثلاثة جاهزة للنسخ بعد الرفع.

مقالات مشابهة