كيفية تحرير حجم الصورة في HTML على Tumblr

إذا كانت صور مدونتك كبيرة جدًا ، فقد يضطر المستخدمون إلى التمرير لرؤيتها. اجعل الصور صغيرة جدًا ، وقد لا يلاحظها زوار المدونة. غالبًا ما يقوم مصممو المواقع الذين يقومون بإنشاء صفحات لمواقع المدونات مثل Tumblr بتعديل الصور بحيث يقومون بتحسين التخطيط وتناسب صفحات المتصفح بدقة. يمكنك أن تفعل الشيء نفسه دون استخدام برنامج لتحرير الصور بمجرد أن تفهم كيفية استخدام محرر HTML في Tumblr.

إدراج الصورة

تعد إضافة صورة إلى منشور مدونة Tumblr الخاص بك أمرًا بسيطًا مثل النقر فوق الزر "إدراج صورة" أعلى مربع التحرير حيث تكتب منشورك. عند النقر فوق هذا الزر ، يتم فتح نافذة حوار وتسمح لك بإدخال عنوان URL للصورة الموجودة على الإنترنت. تحتوي النافذة أيضًا على مربعي نص في قسم الأبعاد يسمح لك بتعيين أبعاد صورتك. عند النقر على "إدراج" ، يضيف Tumblr الصورة إلى مربع التعديل.

تغيير الحجم اليدوي

لا يتعين عليك استخدام HTML لتغيير حجم صورة في منشور Tumblr الخاص بك. تظهر مقابض صغيرة حول صورة في مربع التحرير عند النقر فوقها. اسحب أحد المقابض لتكبير الصورة أو تصغيرها. يمكنك معاينة المنشور وصورته في أي وقت بالنقر فوق "معاينة". يساعدك سحب مقابض الصور على تغيير حجم الصور بسرعة ، ولكن من الصعب منحها أبعادًا دقيقة باستخدام هذه الطريقة. عندما تحتاج إلى إعطاء الصور قيم ارتفاع وعرض دقيقة ، استخدم HTML.

محرر HTML لـ Tumblr

انقر فوق الزر "HTML" أعلى مربع التحرير ، وسيعرض محرر HTML كود HTML للمنشور. إذا كان المنشور يحتوي على صورة ، فسيعرض المحرر سطرًا من التعليمات البرمجية مشابهًا لما هو موضح أدناه:

هذه علامة HTML img تحتوي على سمة src وقيمتها هي عنوان URL لصورتك. هذه القيمة هي "//www.Some_Site.com/image.jpg." في هذا المثال. قم بتغيير قيم الطول والعرض - المعبر عنها بالبكسل - إلى أي قيم تريدها لتغيير حجم صورتك.

نصائح

إذا لم يعجبك حجم الصورة الجديد ، فانقر فوق الصورة لتحديدها ، وانقر فوق الزر "HTML" ، وقم بتحديث الارتفاع والعرض في محرر HTML. لديك أيضًا خيار إضافة صورة جديدة إلى مشاركتك عن طريق لصق الشفرة التالية في المحرر:

استبدل علامة الاستفهام بعنوان URL لصورة على الويب ، واستبدل "X" و "Y" بقيم الطول والعرض بالبكسل. عند تغيير حجم الصور باستخدام HTML ، تذكر أن جودة الصورة تتدهور مع زيادة حجم الصورة.