What format is the image when used as a background image on a page?
I know it’s usually advised to place images in Freeway in their native format, but when a gradient is placed as an Illustrator file (for instance) and I make the background color of my page the bottom color in my gradient, it never matches.
But, if I save my gradient out of Illustrator as a GIF, the background page color and gradient bottom match.
Sometime around 23/1/10 (at 15:49 -0500) Robert B said:
What format is the image when used as a background image on a page?
It defaults to JPEG when making web-ready background images from other formats.
Unless I’ve overlooked something, this is the one part of Freeway
that doesn’t let you make choices about the output format. If you
need the page background image to be in a specific web-ready format
then yes, make it yourself and import it ready to use.
The ability to use non-web-ready images for the page background (as
opposed to images in graphic boxes) is relatively new, so a format
choice might appear in the future.
Until that possible day - carry on as you’ve discovered for yourself!
Don’t forget you can import any image supported by FW (as a graphic item and then size it out) and then go to ‘File’ and choose ‘Export’ and export the ‘selection’ in a web-ready format (GIF, JPG, PNG).
You’d then re-import the recently exported image and you have yourself an image format that can be used as the background-image you’re going for.
I’m resurrecting this thread because I have a similar problem as I had in the start of this thread.
I’ve made a background graphic but I’d like the background color in Freeway to match it so it blends when someone opens their browser wider.
I mixed the same color in Freeway as the Photoshop file I used and they couldn’t be further apart. Altering the FW color to match just makes things worse.
JPEG does not work correctly when matching to solid colors. If you
make your background image in GIF format, you will have no trouble at
all matching one to the other.
Another trick you can try is to apply a background image to your
PageDiv, set to tile however you like, and then another background
image to your page body through the Page Inspector. As long as they
are both JPEG, they will match up perfectly, because they will both be
“wrong” by the same amount.
The header in the FreewayTalk site works like this – the portion with
the logo is JPEG (set to not tile) and the portion that creates the
stripe across the top of the browser window is also JPEG, only 25px
wide and set to tile horizontally. They both fail to accurately match
up to any known hex code HTML color, but that doesn’t matter, because
they were sliced out of the same Photoshop document, so they match
each other.
Walter
On Nov 11, 2010, at 11:32 AM, Robert B wrote:
I’m resurrecting this thread because I have a similar problem as I
had in the start of this thread.
I’ve made a background graphic but I’d like the background color in
Freeway to match it so it blends when someone opens their browser
wider.
I mixed the same color in Freeway as the Photoshop file I used and
they couldn’t be further apart. Altering the FW color to match just
makes things worse.
When you made these PNGs, how did you save them, and from what app?
It’s important that you create them in an unmanaged color environment
(Photoshop with the profile set to Monitor RGB) and you save the PNG
without an embedded ColorSync profile. (Save for Web does this for you.)
Then sample the RGB hex value directly in Photoshop and set the BG
color in Freeway to whatever Photoshop tells you, regardless of what
you think the color is supposed to be. This should get you there in
any image.
Walter
On Nov 11, 2010, at 12:49 PM, Robert B wrote:
OK. My bg images is PNG, so I guess that’s why the colors don’t
match and I’m trying to match it with the same color made up in
Freeway.
another thing I did was to add a .jpg to the background (inspector), then applied the full background proportional action and add a .png (a white something, blurred via gaussian blur, opacity approx. 33%).
When I need to match a color I generally open up Color Picker Pro and get the hex value for the color that way. Default target size is 7x zoom in so you can pin point pixel you want. Pretty handy little app and seems accurate enough.
