به تراز تصویر خوش آمدید! بهترین راه برای نشان دادن جزر و مد گزینه های مختلف موقعیت یابی تصویر، قرار دادن آنها در میان اقیانوسی از کلمات است. یک پارو بردارید و بیایید شروع کنیم.
در مورد هم‌ترازی، باید توجه داشت که کاربران می‌توانند از میان گزینه‌های هیچ‌کدام، چپ، راست و مرکز انتخاب کنند. علاوه بر این، آنها گزینه‌های Thumbnail، Medium، Large و Fullsize را نیز دریافت می‌کنند.
تصویر بالا اتفاقا می باشد. تصویر بالا در مرکز قرار دارد.
بقیه این پاراگراف پرکننده است برای اینکه متن را در اطراف تصویر 150×150 مشاهده کنید که تراز چپ است.
همانطور که می بینید باید مقداری فاصله در بالا، پایین و سمت راست تصویر باشد. متن نباید روی تصویر خزنده باشد. خزیدن درست نیست تصاویر نیز به اتاق تنفس نیاز دارند. بگذار مثل تو حرف بزنند اجازه دهید کار خود را بدون هیچ دردسری از متن انجام دهند. در حدود یک جمله دیگر در اینجا، خواهیم دید که متن از سمت راست تصویر به پایین زیر تصویر در انتقال یکپارچه حرکت می کند. مجدداً، اجازه دادن به انجام آن را می‌دانیم. ماموریت انجام شد!
و اکنون برای یک تصویر بسیار بزرگ. هم تراز هم ندارد.
تصویر بالا، اگرچه 1200 پیکسل عرض دارد، نباید از ناحیه محتوا سرریز شود. باید بدون اختلال قابل مشاهده در جریان محتوا باقی بماند.
و اکنون ما چیزها را به سمت راست تغییر می دهیم. باز هم، باید فضای زیادی در بالا، پایین و سمت چپ تصویر وجود داشته باشد. فقط اونجا بهش نگاه کن… هی پسر! راهی برای تکان دادن آن سمت راست. برایم مهم نیست که تصویر تراز چپ چه می گوید، شما عالی به نظر می رسید. اجازه ندهید کسی به شما جور دیگری بگوید.
فقط در یک لحظه در اینجا، باید ببینید که متن شروع به پیچیده شدن در زیر تصویر تراز شده سمت راست می کند و به خوبی در آن قرار می گیرد. هنوز باید فضای زیادی وجود داشته باشد و همه چیز باید زیبا باشد.آره… همینطور. هیچ وقت اینقدر حس خوبی نداشت که درست باشد.
تصویر زیر گسترده است (در صورتی که موضوع از آن پشتیبانی کند، یعنی). اگر نه، چه کسی می داند چه خواهد شد!
آن چیست؟ می‌خواهید یک بلوک تصویر با عرض کامل ببینید؟ خوب پس به موارد زیر توجه کنید.
چیزی کم است! اما نگران نباشید، ما بلوک های تصویر جلد را … پوشانده شده ایم.
این یک تصویر جلد معمولی است.
این یک تصویر جلد گسترده است.
این یک تصویر جلد تمام عرض است.
و درست زمانی که فکر کردید کار ما تمام شده است، همه آنها را دوباره با زیرنویس انجام می دهیم!
تصویر بالا در مرکز قرار دارد. کپشن همچنین یک لینک در آن دارد، فقط برای اینکه ببینیم آیا کار بدی انجام می دهد یا خیر.
بقیه این پاراگراف پرکننده است برای اینکه متن را در اطراف تصویر 150×150 مشاهده کنید که تراز چپ است.
همانطور که می بینید باید مقداری فاصله در بالا، پایین و سمت راست تصویر باشد. متن نباید روی تصویر خزنده باشد. خزیدن درست نیست تصاویر نیز به اتاق تنفس نیاز دارند. بگذار مثل تو حرف بزنند اجازه دهید کار خود را بدون هیچ دردسری از متن انجام دهند. در حدود یک جمله دیگر در اینجا، خواهیم دید که متن از سمت راست تصویر به پایین زیر تصویر در انتقال یکپارچه حرکت می کند. مجدداً، اجازه دادن به انجام آن را می‌دانیم. ماموریت انجام شد!
و اکنون برای یک تصویر بسیار بزرگ. هم تراز هم نداره
تصویر بالا، اگرچه 1200 پیکسل عرض دارد، نباید از ناحیه محتوا سرریز شود. باید بدون اختلال قابل مشاهده در جریان محتوا باقی بماند.
و اکنون ما چیزها را به سمت راست تغییر می دهیم. باز هم، باید فضای زیادی در بالا، پایین و سمت چپ تصویر وجود داشته باشد. فقط اونجا بهش نگاه کن… هی پسر! راهی برای تکان دادن آن سمت راست. برایم مهم نیست که تصویر تراز چپ چه می گوید، شما عالی به نظر می رسید. اجازه ندهید کسی به شما جور دیگری بگوید.
فقط در یک لحظه در اینجا، باید ببینید که متن شروع به پیچیده شدن در زیر تصویر تراز شده سمت راست می کند و به خوبی در آن قرار می گیرد. هنوز باید فضای زیادی وجود داشته باشد و همه چیز باید زیبا باشد. آره… همینطور. هیچ وقت اینقدر حس خوبی نداشت که درست باشد.
ما یک سفر دیگر به خط تصویر روی جلد می رویم.
تک شاخ یک است موجودی افسانه ای که از دوران باستان به عنوان یک جانور با یک شاخ مارپیچی بزرگ، نوک تیز و مارپیچی که از پیشانی خود بیرون می زند، توصیف شده است. در فولکلور اروپایی، اسب شاخدار اغلب به صورت حیوانی سفید مانند اسب یا بز با شاخ بلند و سم های میخک به تصویر کشیده می شود.
در قرون وسطی و رنسانس، معمولاً به عنوان یک موجود جنگلی بسیار وحشی توصیف می شد، نمادی از خلوص و لطف، که فقط توسط یک باکره می توانست اسیر شود.
این پس‌زمینه تصویر پوشش گسترده ثابت شده است.
و این یک بسته بندی است، ای! شما از آب‌های پرتلاطم هم‌ترازی جان سالم به در بردید. دستاورد تراز تصویر باز شد!