How to fix squeezed images? |
How to fix squeezed images? |
Schwarz |
Feb 1 2011, 04:43 PM
Post
#1
|
Group: Members Posts: 1 Joined: 1-February 11 Member No.: 13,764 |
I just recently started blogging on Blogger and the template I'm using is messing up the pictures I'm posting. It's squeezing the images.
Anyone know how to fix this? Is there a way to change the code to make it look normal? Notice on my homepage how the images are squeezed. The red fish stands out a lot, compared to the image on the post. http://survivalcoach.blogspot.com/ My code: http://www.sendspace.com/file/rglzon Thanks |
Christian J |
Feb 1 2011, 07:10 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,653 Joined: 10-August 06 Member No.: 7 |
I just recently started blogging on Blogger and the template I'm using is messing up the pictures I'm posting. It's squeezing the images. The red fish image file's dimensions are 325x175px. The template's HTML IMG element is 320x170px, but then that in turn is overridden by javascript(?) which makes the image about 260px wide and too high. Seems the same script also adds the text. QUOTE Is there a way to change the code to make it look normal? Maybe the template can be changed so that IMG elements are wider, but then there will be less space for text. You might make the IMG elements less high instead. |
Frederiek |
Feb 2 2011, 02:57 AM
Post
#3
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
On your page the red fish image is actually 320 x 172px, but set to 260 x 195px in the IMG tag. If you want the image to be 260px wide then its height should be 139px to keep its aspect ratio. You achieve that by setting the height to auto or by getting rid of the height entirely.
|
Christian J |
Feb 2 2011, 06:26 AM
Post
#4
|
. Group: WDG Moderators Posts: 9,653 Joined: 10-August 06 Member No.: 7 |
On your page the red fish image is actually 320 x 172px Ah yes, on http://survivalcoach.blogspot.com/ the image file is http://4.bp.blogspot.com/_MI-qiMYM7Bo/TUIF...red_snapper.jpg which is indeed 320x172. That image might fit better on http://survivalcoach.blogspot.com/2011/01/edible-fish.html where the IMG element uses the same dimensions, but the current image file is instead the 325x175px http://4.bp.blogspot.com/_MI-qiMYM7Bo/TUIF...red_snapper.jpg |
pandy |
Feb 2 2011, 07:37 AM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Wouldn't it be better to make the HTML reflect the actual image size though? Something, somewhere must decide to resize the images. I take it you don't edit the raw HTML and enter those dimensions yourself, Schwarz?
|
Lo-Fi Version | Time is now: 19th April 2024 - 09:19 AM |