473,616 Members | 2,973 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

"Web-safe" colours

I tried to grab an image from a Web page the other day. It turned out that
the page was made up of three horizontal bands, and part of the image was
in each. One band was a JPEG, another was a GIF and I have forgotten what
the main page was.

Apart from lining up the parts of the image, there was no discrepancy in
colours between the two formats. Is that what "Web-safe" means? I thought
that it just meant that the colours would be the same in any browser.

Doug.
--
ICQ Number 178748389. Registered Linux User No. 277548.
I find that the harder I work, the more luck I seem to have.
- Thomas Jefferson.

Sep 1 '05 #1
8 2248
Doug Laidlaw <la******@myacc ess.com.au> wrote:
I tried to grab an image from a Web page the other day. It turned out that
the page was made up of three horizontal bands, and part of the image was
in each. One band was a JPEG, another was a GIF and I have forgotten what
the main page was.
Rather off topic here.

Since you've not provided an url for us to check we can only guess, my
guess is that it was done to use both file formats' advantages. Gif (or
preferably png) is better suited for the average computer generated
image, it offers (possibly lossless) compression. Jpeg is intended to be
used with photo realistic images. A composite image that consists of
both computer generated elements and a photo realistic section could be
spliced up and the sections coded in the appropriate format.
Apart from lining up the parts of the image, there was no discrepancy in
colours between the two formats. Is that what "Web-safe" means?
"Web safe" is a term used for images that use an image colour palette of
256 indexed colours. This harks back to the old days when a significant
number of clients could be expected to have a colour capability of just
256 colours, this is relatively rare nowadays. Restricting images to
this 256 colour palette is generally archaic.
I thought
that it just meant that the colours would be the same in any browser.


No such thing as guaranteed the same colours on every client system.

--
Spartanicus
Sep 1 '05 #2
Spartanicus wrote:
Doug Laidlaw <la******@myacc ess.com.au> wrote:
I tried to grab an image from a Web page the other day. It turned out
that the page was made up of three horizontal bands, and part of the image
was
in each. One band was a JPEG, another was a GIF and I have forgotten what
the main page was.


Rather off topic here.

Since you've not provided an url for us to check we can only guess, my
guess is that it was done to use both file formats' advantages. Gif (or
preferably png) is better suited for the average computer generated
image, it offers (possibly lossless) compression. Jpeg is intended to be
used with photo realistic images. A composite image that consists of
both computer generated elements and a photo realistic section could be
spliced up and the sections coded in the appropriate format.
Apart from lining up the parts of the image, there was no discrepancy in
colours between the two formats. Is that what "Web-safe" means?


"Web safe" is a term used for images that use an image colour palette of
256 indexed colours. This harks back to the old days when a significant
number of clients could be expected to have a colour capability of just
256 colours, this is relatively rare nowadays. Restricting images to
this 256 colour palette is generally archaic.
I thought
that it just meant that the colours would be the same in any browser.


No such thing as guaranteed the same colours on every client system.


Yes, I knew that the "web-safe" palette was pretty irrelevant these days. I
didn't put my question very well. What I was trying to ask was: Did
"web-safe" guarantee that a colour that was in both file formats would look
exactly the same, whereas a colour outside the palette might not? From
your answer, I assume that I am right off the track here. The URL is
http://www.makinganation.com/ and the image in question is the circular
badge in the top left corner. I am a volunteer at the place described
there. It is actually housed to the right of the steps, behind the lady in
the blue skirt.

Doug L.
--
ICQ Number 178748389. Registered Linux User No. 277548.
Friends are quiet angels who lift us to our feet when our wings have trouble
remembering how to fly.
- Anonymous.

Sep 2 '05 #3
Doug Laidlaw wrote:
I thought that it just meant that the colours would be the same in any browser.


No such thing as guaranteed the same colours on every client system.


Yes, I knew that the "web-safe" palette was pretty irrelevant these days. I
didn't put my question very well. What I was trying to ask was: Did
"web-safe" guarantee that a colour that was in both file formats would look
exactly the same, whereas a colour outside the palette might not?

IIRC, web-safe only applied to the colours used by the "color" and
"bgcolor" attributes, and the CSS equivalents, and has nothing to do with
image display.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Sep 3 '05 #4
Doug Laidlaw <la******@myacc ess.com.au> wrote:
What I was trying to ask was: Did
"web-safe" guarantee that a colour that was in both file formats would look
exactly the same
No, browsers may get the gamma correction wrong
http://entropymine.com/jason/testbed/gamma/
, whereas a colour outside the palette might not?
No difference/relation.
From
your answer, I assume that I am right off the track here. The URL is
http://www.makinganation.com/ and the image in question is the circular
badge in the top left corner.


The multiple images are the result of what used to be a relatively
popular but fundamentally wrong and flawed way of constructing a web
page. It involves creating the page design in a graphics editor as a
single image, then splicing the image up into multiple images so that
parts can be hyperlinked, then sticking them back together again in a
layout table.

--
Spartanicus
Sep 3 '05 #5
On Fri, 2 Sep 2005, Jim Moe wrote:
IIRC, web-safe only applied to the colours used by the "color" and
"bgcolor" attributes, and the CSS equivalents, and has nothing to do
with image display.


On colour display systems which have only 8-bit colour depth
(fortunately rarely a problem in practice nowadays), there -is- a
problem when the palette of a GIF image does not match the display's
own palette. Indexed PNG (PNG formats were not really being used yet,
back when I recall this being an active topic of discussion) is also
palette-based, and I don't see any reason it shouldn't exhibit the
same problem. This led, amongst other things, to authors complaining
about colour mis-matches between their images and their background
colours.

But it's a topic more for the neighbouring images group, than for
HTML. Nowadays, however, I rarely see the issues discussed -
presumably because those few still using 8-bit colour depth display
systems are assumed to be accustomed to sub-optimal results. My own
notes on the topic go back to 1997, based on even earlier experience,
when things were rather different in practice than they are now - even
if the underlying principles don't change.

best regards
Sep 3 '05 #6
Jim Moe wrote:
IIRC, web-safe only applied to the colours used by the "color" and
"bgcolor" attributes, and the CSS equivalents, and has nothing to do with
image display.


It applied to any colours you used -- in font and background colours,
images, java applets or elsewhere.

The idea being that on 256-colour displays, if you chose a colour that was
outside that range, you got a dithering effect, that didn't look very
pretty.

On modern displays though, there is no need for dithering, so the "web
safe palette" is a thing of the past.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Sep 3 '05 #7
rf
Toby Inkster wrote:
Jim Moe wrote:
IIRC, web-safe only applied to the colours used by the "color" and
"bgcolor" attributes, and the CSS equivalents, and has nothing to do
with image display.


It applied to any colours you used -- in font and background colours,
images, java applets or elsewhere.

The idea being that on 256-colour displays, if you chose a colour
that was outside that range, you got a dithering effect, that didn't
look very pretty.


Not quite.

It had do to with the 256 colour palette, true. But...

When choosing a colour *for each indivudual pixel* if the graphics card
already had that pixel in its [hardware] palette then all well and good. If
however the colour was not in the palette then the driver would search the
palette for a colour that was *nearest* to the new pixels colour. Bor
example nearest to #ffff01 just might be #eeee08, not really near at all,
but the "closest" colour in the current palette.

Paint a single gif (limited to 256 discrete colours) and all is OK. Paint
another gif with a totally different set of 256 colours and all hell breaks
loose. The new gif may override the palette with its colours and the old gif
has to make to with the new colours, which *will* be nothing at all like the
actual colours in that old gif.

In all, 256 colour cards and the resulting pandemodium with palettes and all
were a really very bad idea.

Cheers
Richard.
Sep 3 '05 #8
Spartanicus wrote:
Doug Laidlaw <la******@myacc ess.com.au> wrote:
<snip>
Apart from lining up the parts of the image, there was no discrepancy in
colours between the two formats. Is that what "Web-safe" means?

"Web safe" is a term used for images that use an image colour palette of
256 indexed colours. This harks back to the old days when a significant
number of clients could be expected to have a colour capability of just
256 colours, this is relatively rare nowadays. Restricting images to
this 256 colour palette is generally archaic.


Actually it's a 216 colour palette. The remaining colours often dither
from one VGA screen to another. If you use the 216 colour palette you
should get pretty consistent results.
In general I would regard this palette as being overly cautious. If you
want to maintain accessibility, use the 'web smart' colour palette, and
retain the colour safe palette for instances of text on blocks of colour.

I thought
that it just meant that the colours would be the same in any browser.

No such thing as guaranteed the same colours on every client system.


True, colours look dramatically different on the Mac. It's a video card
issue, and something you can't second guess.

Geoff

Sep 4 '05 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
1982
by: Jason Huang | last post by:
Hi, In VB, we have windows control item "MainMenu", do we have this item in the ASP.Net C# web form? Or how could we make it? By the way, how about the ASP.Net 2005? Thanks for help. Jason
7
2169
by: Brad | last post by:
When debugging my current web project, in VS2003, I found I had lost the ability to drill down on watch objects in the Watch Window; I could only view the single value specific watch objects. Here's what I discovered. In addition to my main web project and several middle tier projects, I also added an "empty" web project in my solution (Add - New Project - Empty Web Project). This empty web project is what is causing the above...
1
1854
by: Dgates | last post by:
This request might belong in a "SQL"-related newsgroup, but it's such a pain using Agent to subscribe to a new group (and download its 50,000 messages!) just to ask one question. So, since it deals with an ASP.NET app, I thought I'd ask here. ============================================== I am using Web Data Adminstrator, which I downloaded recently from the Microsoft site. I get an error when I create tables or columns:
3
1752
by: TCB | last post by:
Hi, There are a couple of things that are bothering me, any help on these is greatly appreciated. This is using ASP.NET 2.0 1. I am sending email in my web app, using a simple form here is the code: Dim MyMailFrom As New Net.Mail.MailAddress("portal@xxx.com", "Portal XX.com") Dim MyMailTo As New Net.Mail.MailAddress("info@xxx.com")
0
1069
by: JM | last post by:
Hello, I just want to know if there is a way to do the "Save to Web" functionality for MS Office documents in ASP.NET web application, similar to that of Sharepoint. It works like this: - The end-user chooses a .doc file on the web application aspx page.
0
1364
by: kplkumar | last post by:
Hi I am new to this. I am trying to create a setup project to package our stuff and create an installer. This is what I want to do, I have a directory sructure in which we have our RootSource\Web (which has web stuff) RootSource\Business (which has class libraries)
13
2294
by: Kobee | last post by:
Hi, I'm having a few issues adapting to new 2.0 "website" project vs. the old 1.1 "web application". One of the major issues I'm having is with the notion of namespaces. Using the old way, I could add a directory to my project (say, "Controls"), then add a user control to that directory. From an .aspx I could then import the namespace ("using .Controls";), and then reference that control. With the 2.0 way of doing things, if I add a...
11
4259
by: taoberly | last post by:
A few months ago I posted a question about using a file on my hard drive to perform cross-frame scripting and pull data from a server on my company's intranet. I eventually got this working using an HTA file and Internet Explorer. Now I'm tackling a similar issue, but really need to keep the IE menus, navigation buttons, etc. this time around. Assuming a solution exists, I'm guessing it involves using the IE6 SP2 "Mark of the Web"...
4
2102
by: soren625 | last post by:
What I am trying to do is grab a little snippet of data from a remote page based on user input in a form. Take a look at this page: http://www.qrz.com/kb2gsd What I want to do is: when a user types the call sign (in this case, KB2GSD) into a form field, I want to execute an XPath query (or somehow otherwise process the contents of the page) to automatically complete the Name, Location, etc. fields in my "local" page from a "remote" web...
3
6679
by: Ty Oft | last post by:
Hello Bytes! Maybe my question seems a bit silly (as one could simply answer it "Well, what are you more passionate about?" or stuff like that - please don't answer like this), but I am in a bit of a dilemma and time is short at the moment and I need to make a decision before it's too late. I have just begun my second year in a UK uni for a BSc Hons Web Systems Development but I am not that happy about the course. Very diluted in my opinion....
0
8203
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8146
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8647
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8592
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8449
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6097
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4141
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2579
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
0
1445
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.