[Pro] graphic image in html box

Hi all. I am having resolution issue with one photo. for some reason once uploaded, the image degrades, even when the inspector is set to high resolution. after trying everything. I imported the image into an Html box and its real perfect. Ive always used graphic boxes for all my images and lost no resolution.
so my question is 2 fold
why did this happen ? and is it ok practice to use an html box for a photo in this instance? Thx
C


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

Carla, I can tell you that if you select an html box and issue the import
image command, Freeway Pro will convert that html box into a graphic box.
In which case then, you have never imported an image into an html box.

You can however insert a graphic box inside of an html box… if this is what
you’ve done then I apologize for misunderstanding, but this does not
explain any failing on the part of image integrity beyond FWP’s normal
image handling. This is afaik the normal method.

You can also import an image as the background of an html box, but then
again, normal.

Some images compress better than others, some do not. Earlier today I
prepared an image of tree branches covered in ice - so much detail meant
that I could barely compress it before it looked like crap. Soft,
low-contrast images compress phenomenally before losing detail. Perhaps
your image is sensitive to your general image settings.

While I usually do not like Freeway Pro’s built-in image handling, I have
noted sometimes it was helpful to use the Edit Resources menu to issue a
Resample All command - maybe by kicking the tires you can override the
problem. Or maybe revisit the individual settings for that image and see if
you can’t adjust the quality on it to a higher setting.

Best of luck,


Ernie Simpson


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

Hi Ernie
ok what I did was choose html box and import image into it. the difference is dramatic with same image imported into a graphic box.

so what you are saying is that it is ok using an html box for an image. why this image is so sensitive to FW handling I do not know
as for edit resource/resample. i usually do this anyway
thx for answering


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

I’d love to hear what Softpress has to say about it, but they may be too
busy - or may not know themselves. Hopefully if I’ve got it wrong someone
will correct the record.

For educational purposes, it would be nice to see a posted page comparing
the same image imported both ways - i’ve never had this issue develop but
as I said, my tendency is to use pass thru images.

ok what I did was choose html box and import image into it. the
difference is dramatic with same image imported into a graphic box.


Ernie Simpson


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

oh I have not normally used pass thru

here are 2 links, you tell me which one is better ha!

http://www.carlagrande.com/one.html
http://www.carlagrande.com/two.html


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

Hands down, http://www.carlagrande.com/Resources/jillpeters_homelr.jpg is
clearer and more vibrant than
http://www.carlagrande.com/Resources/jillpetershomelr.jpeg

Which makes me wonder if Freeway is managing both of them. Look at the
extensions - they are different. Also, one image has EXIF data and the
other does not. Why would FWP do that? My conclusion is that it does not,
but then again welcome experts from SP to explain.

Are you sure one image isn’t pass thru?

http://www.carlagrande.com/one.html
http://www.carlagrande.com/two.html


Ernie Simpson


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

hmm let me look to make sure the image is same that would be odd will report back thx


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

nope they are same image and it seems FW removed the underscore, strange goings on… I will send email to softpress now thx ernie

one image is in a graphic box and no its not pass thru. I do not know how to do that. once I import it it just fits on box.
should I try pass thru in graphic box?


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

ok I just imported the image to the graphic box page and set to pass thru, but then the image went very small.
hmm
so what is the difference?

the first image on one.html
is the image imported inside html box but that did not shrink during import.


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

Yes, the filenames are different, so it may be two images of the same
thing, but not quite the same image.

On Wednesday, February 12, 2014, Carla email@hidden wrote:

hmm let me look to make sure the image is same that would be odd will
report back thx


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


Ernie Simpson


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

they are exactly the same image in same folder. they both have an underscore but FW took underscore out.

dont understand it unless FW has to change the name for same image which resides in same folder.
hmm


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

At 23:54 -0500 12/2/14, Ernie Simpson wrote:

Hands down, http://www.carlagrande.com/Resources/jillpeters_homelr.jpg is
clearer and more vibrant than
http://www.carlagrande.com/Resources/jillpetershomelr.jpeg

Which makes me wonder if Freeway is managing both of them. Look at the
extensions - they are different. Also, one image has EXIF data and the
other does not. Why would FWP do that? My conclusion is that it does not,
but then again welcome experts from SP to explain.

Are you sure one image isn¹t pass thru?

http://www.carlagrande.com/one.html
http://www.carlagrande.com/two.html


Ernie Simpson

But if you use the browser ‘Open Image in New Tab’ on each one they
are identical. In fact they are the same resource as seen if you use
‘Copy Image Address’. i.e.:
http://www.carlagrande.com/Resources/jillpeters_homelr.jpg

David


David Ledger - Freelance Unix Sysadmin in the UK.
email@hidden
www.ivdcs.co.uk


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

One thing to realize here is that these two operations are identical:

  1. Draw an HTML box, choose File / Import, select an image.
  2. Draw a graphic box, choose File / Import, select an image, check “Pass through” in the File dialog.

Importing an image into an HTML box is a shortcut to importing an image as pass-through.

The other thing to realize is that Freeway goes out of its way to avoid duplicating an image (or other resource) if at all possible. If two images are equivalent at a binary level, only one of them will be published.

Walter

On Feb 13, 2014, at 4:05 AM, David Ledger wrote:

At 23:54 -0500 12/2/14, Ernie Simpson wrote:

Hands down, http://www.carlagrande.com/Resources/jillpeters_homelr.jpg is
clearer and more vibrant than
http://www.carlagrande.com/Resources/jillpetershomelr.jpeg

Which makes me wonder if Freeway is managing both of them. Look at the
extensions - they are different. Also, one image has EXIF data and the
other does not. Why would FWP do that? My conclusion is that it does not,
but then again welcome experts from SP to explain.

Are you sure one image isn¹t pass thru?

http://www.carlagrande.com/one.html
http://www.carlagrande.com/two.html


Ernie Simpson

But if you use the browser ‘Open Image in New Tab’ on each one they are identical. In fact they are the same resource as seen if you use ‘Copy Image Address’. i.e.:
http://www.carlagrande.com/Resources/jillpeters_homelr.jpg

David


David Ledger - Freelance Unix Sysadmin in the UK.
email@hidden
www.ivdcs.co.uk


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

Thanks guys… well at least i know I can use html box for an image as I have rarely done this… Although it is still odd the image looks so bad uploading in the graphic box, but oh well thx!


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

As others in this thread have commented, that depends a LOT on the image – what it contains, what format you set it to export as, a hundred other nitty details.

tl;dr: More than you wanted to know about image compression, Freeway’s graphics engine, and the trade-offs between flexibility and quality.

###Compression

Most image compression schemes use deliberate data loss as part of their size-reduction methodology. JPEG uses a “supercell” approach, which looks for the largest block of image data that can average to a single value or repeatable pattern. Then it also adds some artificial “sharpness” to boundaries with high contrast.

Between those two basic tricks, it can often represent an image with far less data size and no apparent loss of detail. The problem is, these tricks are best used on an image like a landscape or a portrait against a woodsy background – something that doesn’t have stark areas of flat color or geometric shapes. Those sharp edges and flat colors bring out the worst in the JPEG algorithm, exposing its tricks in an all-too-visible form, or (if you’ve set the “quality” slider higher to compensate) not really giving you any measurable reduction in data size.

GIF uses a different approach, known as run-length encoding. In its simplest form, it processes the image line-by-line, looking for repetition. When it comes across >2 pixels in a row that are the same color, it doesn’t store each pixel, just the start and length of repetition. (This is how fax machines work, and why they can send a 300ppi or 600ppi bitmap over an ordinary voice phone connection in a meaningful length of time.) This is an over-simplified explanation of how the encoding works, but it’s a useful abstraction when you’re learning about compression. Because it is skewed so strongly to large areas of flat color, and because if you use it on an image with fewer than 256 total different colors, it is effectively a lossless compression scheme, GIF is a perfect format for any form of art that is made up of flat colors, geometric shapes, even (with some tricks) gradients of color, or other things that JPEG chokes and dies horribly while processing.

PNG comes in two flavors – 8-bit and 24-bit. The former is very similar to GIF, but works around the patents (now expired) that kept GIF from being a truly open and free image format. 24-bit PNG (more accurately, 32-bit PNG) is a full-color format (>255 colors) comprised of three 8-bit image channels with an 8-bit alpha channel for semi-transparency, soft-edged masks, and other fine details. 8-bit PNG can compress very tightly, just like GIF, when the source image has a limited palette of colors, and 24-bit PNG does not compress very much at all, it just looks as good as it can, and does things no other format can do.

###Freeway

Now the next thing to consider is Freeway itself. The graphics engine in Freeway can do many amazing things, and in Freeway Pro, can do these to nearly every image format that Photoshop can open and save. You can crop, resample, rotate, filter, add effects, borders, partial transparency, just about anything at all. If you layer (and combine) a JPEG and an animated GIF, you will get a very large animated GIF that still works. This engine runs on any image you import into Freeway that you DON’T set as pass-through, and it happens every time you publish with changes to an image. In order to have the publish process complete some time during this epoch, Freeway uses a technique known as bilinear interpolation to create the “in-between” pixels that are computed each time you resample an original image to a different-sized output image. This technique is in stark contrast to Photoshop’s (and other high-end image applications’) bicubic interpolation. Because bilinear interpolation only operates on a fraction of the same amount of data, it doesn’t have as many clues to work with when computing the “fake” output pixels, and so the results are not as accurate. This is particularly evident if you are working on an image containing very slightly diagonal lines (which will stair step like mad) or sharp boundaries of color, like logos and type.

Long ago, like maybe in Freeway 2 (pleistocene era), there was a brief experiment in enabling bicubic interpolation. It was so slow to publish that beta testers thought their computers had crashed. (Not an unreasonable assumption; this was under Mac OS 8.) As far as I know, it hasn’t been tried again since, although with the incredible speed and resilience of modern hardware and OS X, maybe it should be.

###Workflow, and Flexibility

I’ve given this advice before, and will continue to do so until something changes. Treat Freeway as a sketching tool in the first place. Make your layout look the way you want it to, then go back over it and “sweeten” things until it’s perfect.

Maybe it’s my heritage, going back to using nasty Xerox copies of original photos as FPO images in my actually-glued-together layouts and mechanicals, continuing on to using QuarkXPress with its truly unreadable pixelated proxy images for the same purpose, but I have learned to overlook the fine details in a layout, focusing instead on the shapes and the rhythm of the type and the images first and foremost. (This probably also harkens back to my days as a studio photographer. Looking at something upside down and backwards, under the sweaty shade of a dark cloth forces you to look at things in an abstract manner, and can lead to better composition in my experience.)

Pass-through images give you the most control over image quality, but you throw away every other advantage that Freeway gives you in exchange. So use them, but use them LAST. Get your layout looking the way you want to. Squint your eyes a little so you don’t think about the jaggies. Take a screenshot and rotate it 180° to simulate the view camera (I swear: this really does something for your layout!). Show it to your client, get buy-off on the layout. (It helps a lot if you’re using stock photos at this point, because you can leave the nasty X-and-a-logo watermark in place to remind them that the photos aren’t “final”.) Then go back over the layout with your magnifier. Find the images that Freeway is not kind to. Follow these steps:

  1. Control-click on each image and choose Export… from the contextual submenu. Give it a meaningful name and file-type extension. This will be your “FPO” (For Position Only) image.
  2. Open that image in Photoshop or the local equivalent. Open the original, drag it into the Freeway FPO image as a new layer, and set that layer to partial opacity, so you can see through it to the original below.
    3, Scale and crop the full-quality layer until it matches the pixels below it, then raise the opacity back to full.
  3. Export as a JPEG or PNG or GIF, using all the bells and whistles you have at your disposal. Photoshop is unbeatable at this: there are loads of controls in the Save for Web panel.
  4. Back in Freeway, click once on your starting image box, press Command-B to clear the image, then Command-E to import your “sweetened” image, and be sure to choose Pass-through when you do.
  5. Repeat as necessary. Remember, you don’t need to do this to everything (unless you really want to). You should look critically at the results of Freeway’s native image processing, because for many things, you can’t do better in another application.

Walter

On Feb 13, 2014, at 9:23 AM, Carla wrote:

Thanks guys… well at least i know I can use html box for an image as I have rarely done this… Although it is still odd the image looks so bad uploading in the graphic box, but oh well thx!


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

wow Walter is is Fantastic info I have bookmarked it…

thx thx


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