Redimensionament de fotos

« Older   Newer »
  Share  
view post Posted on 9/6/2009, 09:44
Avatar

La Rata de Claveguera

Group:
Administrator
Posts:
45,801
Location:
Sitges

Status:


Un cop hem après a penjar fotos, ens trobem amb el problema del tamany si no hem tingut cura a l'hora de penjar-les en algun servidor. Per explicar com solucionar aquest problema faré servir un exemple:





Suposem que volem posar una foto que ja hem trobat penjada en una web, aquesta imatge ja té una adreça web

http://www.santiagochopper.com/shop/images...eft_chopper.jpg






El problema és que el seu tamany és de 1498 x 964 píxels, així que si la pengem normalment seguint el codi normal

CODE
[img]http://www.santiagochopper.com/shop/images/chromed_left_chopper.jpg[/img]







La foto ens sortirà enorme

image





Per tal de poder posar la mateixa foto sense baixar-la al nostre ordinador, redimensionar-la fent servir un programa que ens ho permeti i tonar-la a penjar podem fer servir el següent codi


CODE
<img src="http://www.santiagochopper.com/shop/images/chromed_left_chopper.jpg" width="749" height="482" />


on width vol dir ample i height alçada i podem donar els valors que volem (en aquest cas hem reduït a la meitat totes dues mesures)






La imatge, doncs, ens quedarà així




.


Edited by sergibuda - 9/6/2009, 11:30
 
Web  Top
Maudi
view post Posted on 9/6/2009, 10:17




O sea, no se verá!!!!!!!!!

 
Top
view post Posted on 9/6/2009, 10:22
Avatar

La Rata de Claveguera

Group:
Administrator
Posts:
45,801
Location:
Sitges

Status:


Se podía ver, pero algo ha pasado, ahora la substituiré.
 
Web  Top
view post Posted on 9/6/2009, 10:31
Avatar

La Rata de Claveguera

Group:
Administrator
Posts:
45,801
Location:
Sitges

Status:


Ya he cambiado la foto, pero de todas formas los códigos funcionan con la dirección que le pongas, mientras esta sea válida.
 
Web  Top
Xeron-500
view post Posted on 9/6/2009, 11:01




Crec que és més práctic si es posa només la mida en amplada (width), ja que així la escala proporcionalment de manera automàtica, i de fet és la mida que ens interessa limitar per amplada de pantalla.

CODE
<img src="http://www.santiagochopper.com/shop/images/chromed_left_chopper.jpg" width="700" />


Si posem els dos valors i un l'hem calculat malament, ens sortirà deformada perquè l'estem forçant:

CODE
<img src="http://www.santiagochopper.com/shop/images/chromed_left_chopper.jpg" width="500" height="700" />


 
Top
view post Posted on 9/6/2009, 11:25
Avatar

La Rata de Claveguera

Group:
Administrator
Posts:
45,801
Location:
Sitges

Status:


Efectivament, així és més senzill. És el que té saber codi html, que saps fer les coses, mentre que altres el que fem és anar provant.


Moltes gràcies per la suggerència.
 
Web  Top
5 replies since 9/6/2009, 09:44   69 views
  Share