Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 06-04-2011, 10:49 AM
stormshadow's Avatar
stormshadow stormshadow is offline
Contributing Member
 
Join Date: 06-03-11
Posts: 118
iTrader: 0 / 0%
Image resizing

Does anybody know a way that i could resize my images for my website to certain dimensions? Ive been stuck on this one for a while.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 06-04-2011, 11:59 AM
ScriptMan's Avatar
ScriptMan ScriptMan is offline
Super Moderator
 
Join Date: 02-10-07
Location: Central Kentucky
Posts: 14,038
iTrader: 4 / 100%
Not sure if you are looking for an online server based solution or just a way to do it.

Two free programs that will allow you to resize your images on your home computer are:
http://www.irfanview.com/
http://bluefive.pair.com/pixresizer.htm

If there are only minor variations in size plain old HTML coding can do a nice job making them a uniform size.
 
Reply With Quote
  #3  
Old 06-04-2011, 12:46 PM
dmvictoria's Avatar
dmvictoria dmvictoria is offline
v7n Mentor
 
Join Date: 10-28-10
Location: Victoria BC, Canada
Posts: 690
iTrader: 0 / 0%
You can specify image width and height in the image source tag itself. Its quick and easy.

http://www.w3schools.com/html/html_images.asp

If you want to have 'fun' and do some real specific stuff with images with the ease of automation with a script, you can do some great stuff with PHP.

http://ca.php.net/manual/en/book.image.php
 
Reply With Quote
  #4  
Old 06-04-2011, 04:41 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,710
iTrader: 5 / 100%
Quote:
Originally Posted by dmvictoria View Post
You can specify image width and height in the image source tag itself. Its quick and easy.

http://www.w3schools.com/html/html_images.asp
Just because you can doesn't mean you should.

a ) the browser will still download the original sized image then have to process your instructions in the image tag. If the original is huge, then the download is the same whether you put the original sized image up or forced it to be resized.

b ) You have to change the width and height proportionatly or the image will be distorted. A pixel or maybe two might not be noticable but if you are trying to fit an image to a specific sized area then it will look awful.

What Scriptman suggested is the right way to do it. Using a graphics program to resize is best. If when the image is resized it isn't the right size for a specific space you either have to crop the image to fit or adjust what is called the canvas.
 
Reply With Quote
  #5  
Old 06-08-2011, 01:26 PM
stormshadow's Avatar
stormshadow stormshadow is offline
Contributing Member
 
Join Date: 06-03-11
Posts: 118
iTrader: 0 / 0%
Quote:
Originally Posted by AriGold View Post
We allow users to upload their party pictures to our website hangoverpictures and their pics are resized proportionally to fit our display area as well as creating a thumbnail and adding our HangoverPictures water mark in the lower right corner of the upload picture.

If you still need help let me know and I'll send you the code we use to resize the pictures. Good Luck!
it would be nice if you could PM me that code, it will be a big help in addition to the other hints ive gotten.
 
Reply With Quote
  #6  
Old 06-09-2011, 11:57 AM
foodsurveys foodsurveys is offline
Banned
 
Join Date: 06-01-11
Posts: 160
iTrader: 0 / 0%
I always tend to size my images in gimp before uploading them on the premise that if I need an image at 100px there is no point uploading an image that is bigger just to have it resized by the coding. Is this correct?
 
Reply With Quote
  #7  
Old 06-09-2011, 12:11 PM
ScriptMan's Avatar
ScriptMan ScriptMan is offline
Super Moderator
 
Join Date: 02-10-07
Location: Central Kentucky
Posts: 14,038
iTrader: 4 / 100%
Quote:
Originally Posted by foodsurveys View Post
I always tend to size my images in gimp before uploading them on the premise that if I need an image at 100px there is no point uploading an image that is bigger just to have it resized by the coding. Is this correct?
IMO, you are doing it the right way, conserving disk space, bandwidth and server load for where you really want to use them.
 
Reply With Quote
  #8  
Old 06-09-2011, 03:03 PM
dmvictoria's Avatar
dmvictoria dmvictoria is offline
v7n Mentor
 
Join Date: 10-28-10
Location: Victoria BC, Canada
Posts: 690
iTrader: 0 / 0%
Quote:
Originally Posted by ScriptMan View Post
IMO, you are doing it the right way, conserving disk space, bandwidth and server load for where you really want to use them.
This is the best way for sizing your images before uploading.

Quote:
Originally Posted by AriGold View Post
If you're relying on your website's users to re-size their own images before uploading them to your website then you're in for a big disappointment.
I'm not quite sure what the OP had in mind for the purpose of the images, perhaps if the OP could gives us more details on what the images are for and where the OP is getting them (ex. user supplied or from the OP and used staticly).

Otherwise, if the OP is just using images statically on a site or blog, just use the image editing software to size them the way you want and upload them. If the OP is getting images supplied by users then a script like AriGold's or custom PHP script to 're-sample' and organize the images for purposes of automation and conformity would be required.
 
Reply With Quote
  #9  
Old 06-09-2011, 08:28 PM
ApocalypseXS's Avatar
ApocalypseXS ApocalypseXS is offline
Junior Member
 
Join Date: 03-17-11
Posts: 29
iTrader: 0 / 0%
3 small tips :

1. Use photoshop and optimize your images for maximum speed ;

2. Never ever increase the size of image b more then 25%

3. Remember that a good website is 100% fluid .
 
Reply With Quote
  #10  
Old 06-09-2011, 11:26 PM
Frazier Frazier is offline
Banned
 
Join Date: 06-03-11
Posts: 238
iTrader: 0 / 0%
try to not much resizing your image using photoshop, try to use dreamweaver & resize it using codes which available there, or you manually resize it using preview.

hope it will helps you.
 
Reply With Quote
  #11  
Old 06-10-2011, 12:12 AM
rsseosolution rsseosolution is offline
Contributing Member
 
Join Date: 06-03-11
Posts: 217
iTrader: 0 / 0%
use dreamweaver to resize the pics.
 
Reply With Quote
  #12  
Old 07-07-2011, 08:14 PM
GasArts.com's Avatar
GasArts.com GasArts.com is offline
Junior Member
 
Join Date: 04-17-11
Posts: 20
iTrader: 0 / 0%
I use Photoshop to resize my images before uploading them to the server. Do not resize your images using CSS because you will still be loading the large original image which will slow down the loading process.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Dynamic resizing? RIPG Coding Forum 4 08-04-2008 05:57 PM
ASP.net image resizing itHighway Web Design Lobby 3 04-11-2008 04:10 PM
resizing images JamieJelly Digital Photography Forum 7 09-19-2007 05:51 AM
problem with resizing and swf. Korzonek Web Design Lobby 3 11-13-2006 01:51 PM
Resizing a big animation kwvarga Graphic Design Forum 5 02-16-2006 05:07 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 11:21 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC