Sizing Images for Display on fanArtReview.com |
The purpose of this brief tutorial is to give you step-by-step instructions on resizing your images for proper display on fanArtReview.com. The screen shots and instructions in this tutorial reference Photoshop. But the terms will be similiar with most programs. To download a trial copy of Photoshop click here
![](images/1024x768.jpg) .
Reference the image above for each bullet (1-6) after you bring up the Image Size dialogue using your menu system (screen shot)
- Pixels are the unit of screen measurement used in this example, and the standard referred to when publishing to the web. By clicking on the little down arrow button to the left of this unit of measurement, you'll see other units. If pixels are not the default, click the down arrows and select them now. Other programs will allow you to use pixels as the unit of screen measurement as well.
- 1024 pixels is the width size that I used to edit this particular graphic. Later we want this, the longest dimension to be no larger that 600 pixels, the site maximum allowable longest dimension. When saving your images for 70kb, you don't really want to go larger than this because your image will suffer greatly in quality.
- 768 pixels is the image screen height size for this image while in the creation editing phase. Your height and width dimensions may vary, these are just my personal preferences here.
- Resolution describes the number of pixels per inch (PPI) or the same as DPI (Dots Per Inch)
- Resolution, in this case is set to 300 DPI ( A good Print quality setting for most inkjet printers on "HP Premium Photo Glossy Paper", and papers made by other companies). Thought 300 DPI is great for printing, (and editing) remember that standard screen quality displays images at 72dpi. So if a 300dpi image were uploaded to a web site, it would display 4.16 times larger when viewed on the screen. Just to give you an idea of what that might look like, if the above 1024x768 image were seen online, you would only see 1/4 if any part of the image at one time provided your monitor were set to 1024x768 px.
- Print dimensions for this image are about 3 and a half inches wide and 2 and a half inches high. We're going for screen quality uploads, so these numbers aren't our concern right now.
![](images/72dpi246x184.jpg)
Once your editing has been completed, the first step to preparing your image for online presentation on FanArtReview.com is to... (reference the image above for each bullet below) - Bring up the Image Size dialogue using your menu system if not already open. (screen shot).
- Change the DPI or PPI setting to 72
- Once I made the change from 300dpi to 72dpi, the values in 2. automatically changed to 246px width by 184px height. Remember that the maximum image screen size allowable on FanArtReview is 600px on the longest dimension. 246px is just a bit more than a third of this size. So your adjustments are not done here as clicking OK will net you a much smaller than allowable image.
- Clicking OK at this point will net you the smaller image shown below.
![](images/246.jpg)
This image is 246x184 pixels, very hard to give a proper review for, don't you think?
![](images/72dpi640x480.jpg) Bring up the Image Size Dialogue Again- Change the DPI or PPI value to screen resolution of 72dpi
- Before clicking OK, change the largest Pixel Dimension or Screen Dimension to 600 pixels, the other value will change automatically (ensuring that the Constrained Proportions box has been checked).
- Now click the OK button to get the 600x450 pixel image shown below.
Final Image ![](images/640.jpg)
This is the actual size of a 600 x 450 pixel image.
Save your image as a .jpg (recommended) or .gif or .png file on your computer using a short and unique name (for example: myimage1.jpg). Each image you upload to fanArtReview must have a different name.
If, at this point, your file size is too large (over 85,000 bytes) you can either make the image smaller (for example, 500 pixels in width). Or when saving the file as .jpg file the dialogue to the right will be shown. Here you can lower the quality of the saved file. See picture to the right.
Original Document by Brian D. Watters (AKA: sysop912)
|
|
|
The FanStory Store For Writers
Shop unique products for writers.
Shop here.
Get a mug, sweatshirt or tee customized with your poem! Yes, your poem on a
Mug |
Sweatshirt |
Tee
Support one of our own....Read Mark O'Neal
Vanished is an urban fiction drama that reveals everything isn’t what it appears to be. This novel is a must-read for book lovers who appreciate mystery and suspense.
Your book here