What is the best way of shaving down images without losing quality?

The site that I am building is loading very slowly and I think it is because the images are too large (print quality). What is the best way of shaving down images without losing quality? Image size? Dpi size? Make into a jpg? What size of jpg?

Hmm. More info needed! What the is image for, for starters, and what kind of image it is. If you’re talking about images for use as regular graphic objects (i.e. put into graphic boxes) in Freeway then the normal rule is don’t turn them to JPEGs… leave the web-optimising to Freeway.

DPI - this is actually “ppi”, to be precise and pedantic! Images have pixels, printers make dots. Print output is dpi, bitmap images are always ppi. But that is a very common and subtle slip. :-) Anyway, it normally doesn’t matter at all as long as your images are a reasonable size in the first place. Where are the images from, what kind are they, what are they for?

Hello Keith,

The images are photographs in regular graphic boxes. They are a mix of jpgs and a few tiffs and have been taken with digital camera. Should I firstly pit them into a different format?

Some of them are as large as 2.5 MB with a pixel width of 2304; pixel height of 3072 width of 32.5cm ad height of 43.3c; res of 180. That’s far too big, isn’t it? What is the optimum size I should be working with?

The problem that I don’t want to happen is that if I alter the size in anyway that they will all change size and position within Freeway afterwards…. If I do make them smaller - should I do it by reducing the res but constraining the proportions? And (if left as jpgs) should I leave it turned up to maximum quality (12) for them?

Hope that this helps. Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

As long as you have brought these images into Freeway within regular
“graphic” boxes, not as pre-optimized “pass-through” images, then
Freeway is already taking charge of converting each image into an
optimized, resampled web image. Out of the box, this means JPEG
format, 75% “quality” for continuous tone images. Within reason, the
original image size will have little or no bearing on the final page
size – that’s up to the output format, output dimensions, and output
quality settings. Freeway stands in between your originals and the
Web, and only uploads the uncompressed original if you tell it to very
explicitly. Otherwise it is always working to make your site as small
as possible.

You can adjust the image compression in real-time by turning on the
View / Graphics Preview from the main menu. When this is on (and it’s
a real processor hog, turning the simplest design change into the
experience of being dragged through oatmeal) then if you click on an
image and look in the Output tab of the Inspector, you will see its
current file-size as resampled by Freeway. If you adjust the options
in that tab, you can watch the file size change in real time. And if
you have Show File Sizes enabled from the gear menu in the Site pane,
you can watch the entire page’s file size change as you make these
adjustments.

As with anything on the Web, size matters, and everything you do is a
series of trade-offs. If you want big images, and lots of them, then
you must either be prepared to lose a significant percentage of your
audience who are unwilling to wait more than a few seconds to see
something, or you must turn the quality down to the point where it
looks like someone used your photos for target practice – with a
paintball gun. There’s always the option of making your images
smaller, and providing a click to view a larger version in a separate
page. That way you aren’t punishing people who want to see a quick
overview and then choose the image they are really interested in to
view in greater detail.

Walter

On Jan 15, 2009, at 9:57 AM, Sharon Huyshe wrote:

The site that I am building is loading very slowly and I think it is
because the images are too large (print quality). What is the best
way of shaving down images without losing quality? Image size? Dpi
size? Make into a jpg? What size of jpg?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Many thanks, Walter. I hadn’t appreciated how much work Freeway does!

I like your suggestion of larger click to views.

It is brilliant having you all out there!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 15/1/09 (at 09:57 -0500) Sharon Huyshe said:

The problem that I don’t want to happen is that
if I alter the size in anyway that they will all
change size and position within Freeway
afterwardsŠ. If I do make them smaller - should
I do it by reducing the res but constraining the
proportions?

Yes, exactly so. In Photoshop (you’ll need this
app for this task) use the Image Size dialog and
change the pixels-per-inch resolution. Make sure
the real-world dimensions stay the same. Save as
native PSD or TIFF, then double-click the image
on your Freeway page and relink to the new file.

And (if left as jpgs) should I leave it turned
up to maximum quality (12) for them?

If you ever edit an image that is in JPEG format
you should avoid saving back out as JPEG. Damage
is done to the image structure every time it is
saved. Save it as PSD (native Photoshop) or TIFF
instead.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Brilliant!!

That is EXACTLY what I need to know. Site seems to be working OK though -
www.archontico-parisis.com. The Greek ahas been a mother!
XSx

Sometime around 15/1/09 (at 09:57 -0500) Sharon Huyshe said:

The problem that I don’t want to happen is that
if I alter the size in anyway that they will all
change size and position within Freeway
afterwardsŠ. If I do make them smaller - should
I do it by reducing the res but constraining the
proportions?

Yes, exactly so. In Photoshop (you’ll need this
app for this task) use the Image Size dialog and
change the pixels-per-inch resolution. Make sure
the real-world dimensions stay the same. Save as
native PSD or TIFF, then double-click the image
on your Freeway page and relink to the new file.

And (if left as jpgs) should I leave it turned
up to maximum quality (12) for them?

If you ever edit an image that is in JPEG format
you should avoid saving back out as JPEG. Damage
is done to the image structure every time it is
saved. Save it as PSD (native Photoshop) or TIFF
instead.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You would also have the pages load quicker if you use HTML text rather than all gif (graphic) text.

By using gif (graphic) text is also making your site invisible to the search engines.

I assume your talking about this site…

http://www.archontico-parisis.com

David

On 16 Jan 2009, at 16:12, Sharon Huyshe wrote:

Brilliant!!

That is EXACTLY what I need to know. Site seems to be working OK though -
www.archontico-parisis.com. The Greek ahas been a mother!
XSx

David Owen
Freeway Friendly Web hosting and Domains ::

http://www.ineedwebhosting.co.uk

http://www.ineedwebhosting.co.uk/blog

Hello David,

I know - but I have had horrendous problems getting the Greek fonts to work properly. They would create OK, publish OK, view in Browser OK and then, when viewed in Firefox or Safari, on Mac or PC – would be ‘code’. Went into this at some length on Freeway Talk and with some friends of mine who are website designers, and the feeling is that it is f2s who are at fault. At the moment – I just need to get my clients a website – I shall look into the deeper aspects later and try and resolve them, though I suspect it might be way above my head…

It concerns me that site is invisible to search engines, but someone told me that if I click on a box of graphic text then go to the third box along in the Inspector Palette and tick the box ‘Alt Text’ that this will then pick it up. Is this so? The other solution I thought of was to make some HTML text boxes and then colouring the text the same as the background – so that it is invisible – but it would exist and subsequently get picked up. Would this work?

Many many thanks!

You would also have the pages load quicker if you use HTML text rather than all gif (graphic) text.

By using gif (graphic) text is also making your site invisible to the search engines.

I assume your talking about this site…

http://www.archontico-parisis.com

David

On 16 Jan 2009, at 16:12, Sharon Huyshe wrote:

Brilliant!!

That is EXACTLY what I need to know. Site seems to be working OK though -
www.archontico-parisis.com http://www.archontico-parisis.com . The Greek ahas been a mother!
XSx

David Owen
Freeway Friendly Web hosting and Domains ::

http://www.ineedwebhosting.co.uk
http://www.ineedwebhosting.co.uk/blog



freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Jan 17, 2009, at 11:57 AM, Sharon Huyshe wrote:

I know - but I have had horrendous problems getting the Greek fonts
to work properly. They would create OK, publish OK, view in Browser
OK and then, when viewed in Firefox or Safari, on Mac or PC – would
be ‘code’. Went into this at some length on Freeway Talk and with
some friends of mine who are website designers, and the feeling is
that it is f2s who are at fault. At the moment – I just need to get
my clients a website – I shall look into the deeper aspects later
and try and resolve them, though I suspect it might be way above my
head…

There are lots and lots of hosts out there who will pretty nearly pay
you to run your sites from their servers. I have seen rates of $8 a
year for generic shared hosting. I wouldn’t limbo that low myself, but http://www.have-host.com/
and http://www.ineedwebhosting.co.uk/ (both run by long-time members
of this community) have seriously budget-friendly plans available.
Move now, and you won’t regret it.

It concerns me that site is invisible to search engines, but someone
told me that if I click on a box of graphic text then go to the
third box along in the Inspector Palette and tick the box ‘Alt Text’
that this will then pick it up. Is this so? The other solution I
thought of was to make some HTML text boxes and then colouring the
text the same as the background – so that it is invisible – but it
would exist and subsequently get picked up. Would this work?

The Alt text trick will work in terms of getting your text into the
search engines, with the following caveats:

  1. There’s a limit to how much Alt text Freeway will let you stuff in
    there.
  2. Any non-ASCII characters you type in there will probably be mangled
    by the same system that is currently messing up your visible HTML text.
  3. It’s double-work, so you might end up with the image saying
    something other than what the Alt text does.
  4. Alt text does not have the same semantic priority as HTML.
    particularly HTML that’s been marked up using headers and paragraphs
    to give a sense of order to the information. Pictures are considered
    to be decorative features, far beneath the information value level of
    text.

###WARNING!
The hidden text will get you blacklisted so badly you’ll need to build
your own Internet to get away from the instant bad karma. Seriously,
don’t do that or anything that even looks like it.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 17/1/09 (at 18:57 +0200) Sharon Huyshe said:

the feeling is that it is f2s who are at fault. At the moment - I
just need to get my clients a website

This could be so. I use f2s for my broadband connection (5 or 6 years
and counting with great speeds and virtually no problems) but I’ve
never used them for hosting.

Move your site somewhere else!

someone told me that if I click on a box of graphic text then go to
the third box along in the Inspector Palette and tick the box ‘Alt
Text’ that this will then pick it up.

It will provide something for a search engine spider to read.
However, there wouldn’t be anything to corroborate what the text
claims the item and page is about. It could be a porn site claiming
the pictures are of harmless fluffy toys…

Alt text is only really useful in conjunction with regular HTML text.
It should relate in some machine-logical way to something in the
regular text, or else why should a search engine give it much
credence?

Also, don’t EVER try to trick a search engine through tricks such as
making ‘invisible’ text! This is not at all hard for a spider to
spot, and it will get your site marked down or blacklisted. Take a
few minutes out and look at Be Found - design findable web sites that get ranked with the best -
particularly the warnings here:
Optimising tricks to avoid - don't get blacklisted by search engines!

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Sharon,

If it were me, I would at least make the English side of the site into HTML text. That would help a lot to be found. And if your main “market” for the site are English speakers - therefore English search terms, then your main problem is solved.

David

http://www.archontico-parisis.com

On 17 Jan 2009, at 4:57 pm, Sharon Huyshe wrote:

It concerns me that site is invisible to search engines,

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

Thank you - will get back on this when I return frm my week’s visit to the
UK.
Up at the crack of dawn tomorrow.

Cheers and thanks,
Sharon

On Jan 17, 2009, at 11:57 AM, Sharon Huyshe wrote:

I know - but I have had horrendous problems getting the Greek fonts
to work properly. They would create OK, publish OK, view in Browser
OK and then, when viewed in Firefox or Safari, on Mac or PC ­ would
be Œcode¹. Went into this at some length on Freeway Talk and with
some friends of mine who are website designers, and the feeling is
that it is f2s who are at fault. At the moment ­ I just need to get
my clients a website ­ I shall look into the deeper aspects later
and try and resolve them, though I suspect it might be way above my
head…

There are lots and lots of hosts out there who will pretty nearly pay
you to run your sites from their servers. I have seen rates of $8 a
year for generic shared hosting. I wouldn’t limbo that low myself, but
http://www.have-host.com/
and http://www.ineedwebhosting.co.uk/ (both run by long-time members
of this community) have seriously budget-friendly plans available.
Move now, and you won’t regret it.

It concerns me that site is invisible to search engines, but someone
told me that if I click on a box of graphic text then go to the
third box along in the Inspector Palette and tick the box ŒAlt Text¹
that this will then pick it up. Is this so? The other solution I
thought of was to make some HTML text boxes and then colouring the
text the same as the background ­ so that it is invisible ­ but it
would exist and subsequently get picked up. Would this work?

The Alt text trick will work in terms of getting your text into the
search engines, with the following caveats:

  1. There’s a limit to how much Alt text Freeway will let you stuff in
    there.
  2. Any non-ASCII characters you type in there will probably be mangled
    by the same system that is currently messing up your visible HTML text.
  3. It’s double-work, so you might end up with the image saying
    something other than what the Alt text does.
  4. Alt text does not have the same semantic priority as HTML.
    particularly HTML that’s been marked up using headers and paragraphs
    to give a sense of order to the information. Pictures are considered
    to be decorative features, far beneath the information value level of
    text.

###WARNING!
The hidden text will get you blacklisted so badly you’ll need to build
your own Internet to get away from the instant bad karma. Seriously,
don’t do that or anything that even looks like it.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options