Pagina 1 din 1
Redimensionare Imagine proportional intre latime si inaltime
Scris: Mar Iul 30, 2013
de trif
Buna ziua,
Cum as putea sa fac ca sa redimensionez imaginile dintr-un anume link. Adica, am in baza de date link-uri cu poze de pe diverse site-uri si as dori ca sa le dau o dimensiune standard, dar sa nu se strice imaginea.
Daca este prea ingusta sa o lase asa ingusta, dar la dimensiuni mici, sau daca este prea lata sa o redimensioneze mic, dar sa nu strice imaginea.
Multumesc anticipat. Cu stima Trif.
Redimensionare Imagine proportional intre latime si inaltime
Scris: Mar Iul 30, 2013
de steell
Trebuie sa pastrezi o proportionalitate intre latime si inaltime. Asta se face cu putina matematica.
Ti-am facut eu scriptul. Trebuie doar sa inlocuiesti variabla $dim care inseamna latimea sau inaltimea maxima pe care o va avea imaginea.
De exemplu daca vrei ca imaginea sa apara intr-un chenar de dimensiuni 100x100, pui 100 la variabila aia.
Cod: Selectaţi tot
<?php
list($width, $height) = getimagesize("asd.jpg");
$dim = 150; // dimensiunea maxima pe care o va avea imaginea. Adica latimea sau inaltimea sa nu treaca de aceasta dimensiune
if ($width > $height) {
$n = $width / $height;
$height = $dim / $n;
echo '<img src="asd.jpg" height="'.$height.'" width="'.$dim.'" />';
}
elseif ($width < $height) {
$n = $height / $width;
$width = $dim / $n;
echo '<img src="asd.jpg" height="'.$dim.'" width="'.$width.'" />';
}
?>
L-am testat si functioneaza si cand latimea este mai mare decat inaltimea si invers.
Redimensionare Imagine proportional intre latime si inaltime
Scris: Mar Iul 30, 2013
de MarPlo
Salut
Daca vrei ca redimensionarea sa fie doar la parte de afisare, se poate simplu cu CSS. Se adauga o clasa in tag-ul <img> la imaginile care vrei sa fie redimensionate, apoi in css setezi "max-width" daca vrei sa aibe o anumita latime maxima, inaltimea se va ajusta automat, pastrand aspectul. Sau daca vrei o anumita inaltime maxima, se da valoare la "max-height".
Exemplu:
Cod: Selectaţi tot
<style type="text/css">
img.imgslink {
border: none;
max-width: 120px;
}
</style>
<img src="https://coursesweb.net/imgs/webcourses.gif" alt="CoursesWeb.net" class="imgslink" />