Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

PS - Save for Web

Featured Replies

Afternoon

 

Just a quite simple question (I say that now???)

 

I’m new to all this (well about 9 months and when I’m not working 12 hour days in my norm job)

 

When you save for web in Photoshop you get the option for download estimates, now I know these are going to be very "estimated" but... what do you use for yours (i.e. the default is 52k....does anyone still have a 52k mod)

 

At the moment I am thinking (don’t laugh) that most should really have a 1mb min cable so I use 512kbps as my estimate time comparison? (Halved it so I can make up for other things etc)

 

Any views?

 

Cheers for reading

 

Mikee

You shouldn't be using that 'Save for web' option anymore.

 

You should use HTML & CSS to markup your site, carefully slicing your Photoshop design to use as images. This will massively reduce your download times as you can repeat images etc..

 

Edit:

 

Unless you're referring to the image quality? In which case ignore my comment <_<

Edited by andyl

Generally I don't even look at that part when I'm using ps. I simply reduce the quality as low as the image can bear and still look clean and colourful, then save it.

 

Hope that helps.

  • Author

You shouldn't be using that 'Save for web' option anymore.

 

You should use HTML & CSS to markup your site, carefully slicing your Photoshop design to use as images. This will massively reduce your download times as you can repeat images etc..

 

Edit:

 

Unless you're referring to the image quality? In which case ignore my comment <_<

 

Glad you edited your post – lol

I was just talking about the quality; like a big picture for a full background.

 

Don’t use the HTML etc from PS as I use an external style sheet.

 

Generally I don't even look at that part when I'm using ps. I simply reduce the quality as low as the image can bear and still look clean and colourful, then save it.

 

Hope that helps.

 

I understand what you mean but I’m still getting my eye to be as “keen” as others

I guess I need to use it to get near the size then use my eye to get me 100% happy.

 

 

Cheers for the replies

i usually look at file size and try to balance it (as said above) and so the whole page weighs in at less than 150k (includes all code, js, images,css, etc) and optimise less important images more aggressively. big picture for a full background is always tricky as it needs to be prohibitively huge if its a photo (to cover all resolutions), or it needs to repeat or fade into a solid css background colour

  • Author

i usually look at file size and try to balance it (as said above) and so the whole page weighs in at less than 150k (includes all code, js, images,css, etc) and optimise less important images more aggressively. big picture for a full background is always tricky as it needs to be prohibitively huge if its a photo (to cover all resolutions), or it needs to repeat or fade into a solid css background colour

 

it was a big picture of a high way (road) and the fade out looked weired, thats why i was asking - thanks for the reply.

 

I guess im not gonna use a who pic for a BG everytime so not to stress to much.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.