Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> pictures for the web with photoshop, pictures that load fast & look good
marijnnn
post Sep 24 2004, 07:09 AM
Post #1


Premium Member
Group Icon

Group: [HOSTED]
Posts: 336
Joined: 22-September 04
Member No.: 798



ok, i'll keep it short:

1. adjust 1 picture for the web

-open picture in ps
-menu file -> save for web
-in the right button, choose the 'size' tab and resize it so it will fit on a screen. if width and height are both lower than 400, leave it. if i won't fit on a screen, change it so it will.
keep in mind that a lot of people still hava 800*600 resolution. don't save the image at a 1000*300 resolution and then embed it in your website with atributes width="200" or something like that. sure, the size will be right, but it'll load a lot slower than it has to
-in the right top somewhere, click the arrow and choose the 'file size' option. pick a file size (i'd advise something in the region of 60kb and lower for regular pictures) and choose for the auto select jpg/gif option. click ok and save the picture!


2. adjusting a lot of pictures.
somewhere in the 'file' menu, you'll find an option to create a picturebook. (in the export submenu i think if i remember well, haven't got ps right now)
choose that option and in the drop down menu, choose 'large images'
now you can adjust the size. i'd advise you to make the length & hight both smaller than 600.
set the quality to 85 or something like that
click ok.
now you have an image album. but you can just throw away the html file and the little gifs for the arrows if you don't need them and want to create your own webalbum, the pictures are in a subfolder. just copy them where you want them

hope that helps some people out. slow loading images are a bitch. a lot of users will just leave your site if it goes too slow.
Go to the top of the page
 
+Quote Post
gritto
post Sep 30 2004, 01:57 AM
Post #2


Newbie [ Level 2 ]
Group Icon

Group: [HOSTED]
Posts: 12
Joined: 30-September 04
Member No.: 937



i've heard a lot about that, but i've never gotten around to actually doing it, but then again all my grahpics are made to be large, such as desktops and banners, but is it able to keep the same res. of say a 1600x1200 document? but compress it optimaly?
Go to the top of the page
 
+Quote Post
deivid
post Sep 30 2004, 03:00 AM
Post #3


Member - Active Contributor
Group Icon

Group: Members
Posts: 96
Joined: 15-September 04
Member No.: 588



If you use your for printing, jpg is no good, well you are doing 1600x1200 images is pretty big for banner images, if you still save in jpg format you must adjust slider of compression until you find the best relation between quality and size, if you use photoshop, it shows the image in real time the degradation as you move the quality slider.

If you want for high quality images I recommend PSD (Photoshop Format) or TIF (Tagged Image Format) format, both support layers and they have lossless compression it mean they compress the image without quality loss.
Go to the top of the page
 
+Quote Post
marijnnn
post Sep 30 2004, 12:45 PM
Post #4


Premium Member
Group Icon

Group: [HOSTED]
Posts: 336
Joined: 22-September 04
Member No.: 798



you could use the 'save for web' option to compress your desktops, but then i advise you pick a file size of about 200kb or something like that. it's still a fast download and you'll have better quality.
what i use it for is pictures that are immediatly displayed, embedded in the site. in that case it's more important that they load lightning fast...
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Comparing GIMP and Photoshop(10)
  2. Photoshop 7(15)
  3. Photoshop CS2(13)
  4. Photoshop Brushes(1)
  5. Photoshop(7)
  6. I Need A Few Tips On Creating Brushes In Photoshop(5)
  7. Gel Blast Using Photoshop(1)
  8. Web Design: Need Help In Splitting Up Pictures(10)
  9. Plasma Effect In Photoshop(7)
  10. Paintshop Or Photoshop: Better For Web-graphics ?(16)
  11. Photoshop Or Paintshop(29)
  12. A Huge List Of Links To Photoshop Tutorials(5)
  13. Where To Download Photoshop Grunge Brushes ?(2)
  14. Photoshop Tutorial Site: Lots Of Good Ones(11)
  15. Best Photoshop 7 Tutorials(2)
  1. Adobe Photoshop CS3(22)
  2. Photoshop Tutorials(5)
  3. Photoshop Brushes.(4)
  4. Photoshop Cs2 Problem(2)
  5. Photoshop Cs2 Vs. Gimp(14)
  6. In Photoshop Cs2 How Do You?(1)
  7. Photoshop Cs2 Patterns(2)
  8. Create Animated Head Bar For Beginners(5)
  9. Blending Made Easy! [photoshop Tutorial](2)
  10. Full Grunge Signature! [photoshop Tutorial](3)
  11. Like My New Banner?(8)
  12. Creating A Fantastic Fantasy Night Sky In Photoshop(4)
  13. Photoshop Clipping Path(8)


 



- Lo-Fi Version Time is now: 22nd November 2008 - 04:11 PM