png и скругленные углы
Здравствуйте! Уважаемые друзья!
Делаю кнопку для сайта. Есть четы угла кнопки сделанные в корале. Начинаю сохранять в png формате, появляются квадратики. Где то читал, что можно увеличивать размер исходного изображения, а в стилях css его уменьшать до нужных размеров.. Как это делать, а так же умещать изображения в один png файл, но основное первый вопрос) |
непонял при чём тут квадратики... , у каждого img есть свойство height и width, ими можно менять размер изображения. В css тоже есть такие свойства и с img они делают тоже самое, разницы ни какой. при изменении размера картинки больше чем она есть ты получишь квадраты. Т.к. это растровое изображение и пикселям взяться не откуда.
Ивообще при чём тут javascript? :) |
Вложений: 4
Ивообще при чём тут javascript?
Я ведь попал в раздел верстки)) Делаю я по такому принципу кнопку
.container {
width:50%;
margin:0 auto;
}
.c1 {
background:#F00 url(c1.png) no-repeat left top;
}
.c2 {
background:url(c2.png) no-repeat right top;
}
.c3 {
background:url(c3.png) no-repeat right bottom;
}
.c4 {
background:url(c4.png) no-repeat left bottom;
padding:50px;
}
</style>
<body>
<div class="container">
<div class="c1">
<div class="c2">
<div class="c3">
<div class="c4">
текст
</div>
</div>
</div>
</div>
</div>
|
Смею предположить, что появляются "ступеньки", а не просто квадратики. Здесь нужно сглаживание (антиалиасинг, кажется) при сохранении рисунка.
Upd: Ну с картинками понятно. Это жпег-сжатие. Нужно тщательно посмотреть на параметры сохранения - пнг так не делает. |
Цитата:
|
ДА, сглаживание помогло, Спасибо!
А насчет размещения целой кучи фотографий в одном файла png не подскажите где посмотреть, или как эта технология называется) |
куча это уже не png, а ico
Всё также обладает полупрозрачностью, но может хранить в себе разные изображения, разных размеров |
Видимо имеется ввиду, что несколько рисунков собираются в один и подставляются через background-position.
|
Согласитесь, что через background-position
Цитата:
|
|
| Часовой пояс GMT +3, время: 19:44. |