image size

[rcjay2]

OK,

I think all is working. I can login fine and now I can upload images. Next question is how do I control the size of the images that display? I uploaded one image and when I go to the index page, it is huge.

By the way here is some of the vitals:

Host Information
PHP-version 5.1.0 (Pixelpost's min requirement: PHP version 4.3.0)
MySQL version 5.0.16-nt (Pixelpost's min requirement: MySQL 3.23.58)
GD-lib Unknown

Server software Apache/2.0.55 (Win32)
EXIF Pixelpost is using exifer v1.5 for EXIF information.

Paths
Guessed imagepath: C:/web/images/
Configured Imagepath C:/web/images/

Image Directory: OK - Can we write to the directory? YES.

Thumbnails Directory: OK - Can we write to the directory? YES.
Language Directory: OK
Addons Directory: OK
Includes Directory: OK
Templates Directory: OK

[dkapp]

You'll have to resize the image before you upload. Most people use 600 - 800 pixels on the longest size. Play around a bit and see what you prefer.

Dave

[tinyblob]

Resize beforehand using Photoshop or something similar. (You can do this in MS Paint and the like, but don't. Might be worth looking into something like www.irfanview.com i think that can resize.)

You're also doing yourself a favour by resizing before uploading, because the files will be smaller (both dimensions, and filesize) and upload faster :)

[unseen]

you can try http://picasa.google.com too. it's free and it resizes pictures really nicely. plus it organizes all your photos into thumbnails... i love it.

[rcjay2]

you can try http://picasa.google.com too. it's free and it resizes pictures really nicely. plus it organizes all your photos into thumbnails... i love it.


Picassa is great but how do I port the output of the resize from Picassa to Pixelpost?

[rcjay2]

Also,

Does everyone pre format their pictures before uploading them into PixelPost or do you just modify the CSS to limit the size of the pic?

[tinyblob]

Rob, using CSS to resize is not a good idea.
If you have a 2000 pixel wide graphic, but are displaying it at 500 pixels wide using CSS, your browser is still downloading a large file!

Resizing before hand, instead of using CSS, leads to smaller files which look far better.

[rcjay2]

OK....I agree. SO with that being said, do you manually set the size for each photo in the html?

Something like this:

<img src="images/sunset.jpeg" alt="Sunset" title="Cool Sunset" width="700" height="517" id="photo" />

My thinking is that I will have different sizes of photos and I would like to automate it as much as possible. I would assume that I would have to do this because some pics would be landscape and some portrait.

DO you understand my question, I might not be explaining it clearly.

[tinyblob]

I don't really understand.. Pixelpost does all of that itself.. Where are you putting these links?

[rcjay2]

I don't really understand.. Pixelpost does all of that itself.. Where are you putting these links?

For example if I have a 2000 pixel wide photo and I want it to only to be 800 pixels wide when you view the page, how do I accomplish this?

From your previous posts you resize prior to uploading, what if you have 50 photos of all different sizes? How do you set there individual size?

Is there a way to take a 2000 pixel wide photo and set it to view at 70%?

I am just confused.

Show me the HTML from your index page and maybe I can show you what I am talking about.

[Joe[y]]

rcjay - nobody uses html to control image size - like everybody said - adjust the image size in an image program before you upload!

[unseen]

this is what i do. after you save your photo to your computer (the full sized photo, 2000px or whatever), open picasa and find your photo in the thumbnails. double click the thumb and on the bottom menu there is a button called "export", it's the last button next to "order prints" and such. once you click export, you'll get a box that says "export to folder". first select the folder you want your resized picture to go to - this won't edit your original file, it creates a new one. i keep all my resized picasa pictures in the file "picasa exports". after that, go to the "image size options", select "resize to:" and enter the number of pixels (i keep mine at 600). then set the image quality bar to 100% ("jpeg setting 100%"). then go into your pp admin, and under new image, select browse and find your "picasa exports" folder (or whatever you saved your resized image to) and find your picture and upload it. you don't have to change any css or coding or anything. good luck :]

[rcjay2]

this is what i do. after you save your photo to your computer (the full sized photo, 2000px or whatever), open picasa and find your photo in the thumbnails. double click the thumb and on the bottom menu there is a button called "export", it's the last button next to "order prints" and such. once you click export, you'll get a box that says "export to folder". first select the folder you want your resized picture to go to - this won't edit your original file, it creates a new one. i keep all my resized picasa pictures in the file "picasa exports". after that, go to the "image size options", select "resize to:" and enter the number of pixels (i keep mine at 600). then set the image quality bar to 100% ("jpeg setting 100%"). then go into your pp admin, and under new image, select browse and find your "picasa exports" folder (or whatever you saved your resized image to) and find your picture and upload it. you don't have to change any css or coding or anything. good luck :]

UNSEEN,

Thank you. I was actually playing around with this last night. Thanks for the input though. This method works great.