How to add extra blank space to the bottom of an image?

[jordz]

Hey All,

 

I'm re-writing this quickly as my computer had a spaz and I lost my original post :/

 

I would like to know how to take an image and simply add 25px to the bottom of the image height wise. Not re-sizing the image itself but just add some blank space to the bottom of it?

 

Thanks

Jordan

[stuartbates]

Well the simply solution would be to do it using CSS so simply add a 25px margin to the bottom of the image.  You wouldn't actually want to add the style inline but is simpler as a demo:

 

<img src="pathtoimage.jpg" style="margin-bottom: 25px;">

 

However if you actually want to add blank space to the image itself then you'd have to utilise GD Library using a combination of the imagecreate function and the imagecopy function - but this in 99% of cases is surely an overkill.

[jordz]

an over kill?

[Bar2aYunie]

I'd go for css, but can't you just also create an image with whatever program you have (eg photoshop) and add the blank space in the image itself? Might be too simple, but if it's only blank space you need.....

[haku]

Either way will work, but adding a bottom margin with CSS will use less data overall, keeping down page-load times.