При підготовці зображень для Web нерідко з'являється необхідність обрізати їх, щоб виділити потрібні частини зображення і відсікти непотрібні. Крім чисто художніх суджень, така обрізка або, як її ще називають, кадрування, потрібна для зменшення обсягу файлу. Чим менше зображення, тим менше обсяг його файлу, і тим швидше воно завантажується на web сторінку.
Нерідко виникає потреба укладати зображення в блок зафіксованого обсягу. В даному випадку виникає проблема: як записати картину в блок у відсутності втрати співвідношення.
Природно, дозволено відрізати і масштабувати малюнки по додавання їх на інтернет-сайт або обрізати на серверній мові (наприклад PHP), а дозволено виготовити деякий "аналог" на звичайний CSS. В даному випадку, відрізка буде відбуватися по вертикалі. Те є, згідно ширині картина стане проникати цілком, а по висоті обрізатися.
Сутність цього методу в тому, ніби картина стане вписана в блок конкретних обсягів. Все ніби ніяк не стане проникати в даний блок стане приховано. Обрамляє блок буде мати ті ж найбільш характеристики, ніби і картина. Тому, його дозволено стане володіти і згладжувати отак адже, як і звичайну картину. Варіант, природно, ніяк ще не бездоганний, однак діючий.
Відгуків (3) на «CSS - як обрізати зображення без зміни пропорцій»
