search

janpolsen / famfamfam

Automatically exported from code.google.com/p/famfamfam
0 stars 0 forks source link

Review hard-edged PNGs converted from GIFs in silk set #8

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
A number of GIFs were created as an addition to the original silk set and then 
converted to PNG (see Issue 7).  Because of the different ways in which 
transparency is handled between image formats (indexed vs. alpha transparency), 
the look-and-feel of the PNG set may be inconsistent--some icons have soft 
edges that blend into any background, while others (the GIF conversions) have 
hard edges.

As an example, see the difference between arrow_branch.png (part of the 
original silk set, a PNG with alpha transparency) and arrow_branch_red.png (a 
new icon converted from a GIF).

Some of these will be fine as-is, since they naturally have hard edges (e.g. 
sql.png).

The list of GIF-to-PNG conversions that should be reviewed:

application_cascade_add.gif
application_cascade_delete.gif
application_cascade_go.gif
arrow_branch_red.gif
arrow_divide_down.gif
arrow_divide_down_red.gif
arrow_divide_red.gif
arrow_down_red.gif
arrow_in_red.gif
arrow_inout_red.gif
arrow_join_red.gif
arrow_left_red.gif
arrow_merge_red.gif
arrow_out_red.gif
arrow_redo_red.gif
arrow_refresh_red.gif
arrow_refresh_small_red.gif
arrow_right_red.gif
arrow_rotate_anticlockwise_red.gif
arrow_rotate_clockwise_red.gif
arrow_switch_red.gif
arrow_turn_left_red.gif
arrow_turn_right_red.gif
arrow_undo_red.gif
arrow_up_red.gif
blank.gif
browser_aol.gif
browser_camino.gif
browser_chrome.gif
browser_firefox.gif
browser_galeon.gif
browser_icab.gif
browser_internetexplorer.gif
browser_konqueror.gif
browser_mozilla.gif
browser_msnexplorer.gif
browser_netscape.gif
browser_omniweb.gif
browser_opera.gif
browser_safari.gif
browser_seamonkey.gif
browser_shiira.gif
browser_sunrise.gif
control_back.gif
control_play_blue_down.gif
control_play_down.gif
date_lorry.gif
fax.gif
female_time.gif
lorry_group.gif
lorry_user_female.gif
lorry_weather_cloudy.gif
male_time.gif
music_save.gif
page_magnifier.gif
page_tick.gif
page_white_pdf.gif
script_calendar.gif
script_date.gif
script_magnifier.gif
script_money.gif
script_sum.gif
script_weather_cloudy.gif
script_zoom.gif
sport_baseball.gif
sport_volleyball.gif
sql.gif
sql_add.gif
sql_delete.gif
sql_go.gif
sql_valid.gif
table_function.gif
table_row.gif
table_status_offline.gif
text_list_numbers_disk.gif
text_list_numbers_gear.gif
user_female_add.gif
user_female_contrast.gif
user_female_delete.gif
weather_cloudy_add.gif
weather_cloudy_lorry.gif
weather_cloudy_user_female.gif
weather_sun_lorry.gif
weather_sun_user_female.gif

Original issue reported on code.google.com by stefanb...@gmail.com on 21 Feb 2011 at 6:26

GoogleCodeExporter commented 9 years ago 
Before putting too many hours into this you might consider if it's really worth 
it.
In my "world" GIF icons (not animated) was only used because of IE6. 
Now that IE8 supports alpha transparency I can't see why one would use GIFs.

Original comment by janpol...@gmail.com on 21 Feb 2011 at 9:35

GoogleCodeExporter commented 9 years ago 
I think you misunderstood my comment.  The PNGs that were created from the 
above GIFs also have indexed transparency because that's all the GIFs had.

To demonstrate the difference, I displayed a PNG from the original silk set 
(arrow_rotate_anticlockwise.png) and a PNG that was converted from a newer GIF 
(arrow_rotate_anticlockwise_red.gif) against a blue background and zoomed in 
(see attached).

As for IE6, well, I'd love to stop supporting it but it's not up to me. :(

Original comment by stefanb...@gmail.com on 21 Feb 2011 at 10:24

Attachments:

GoogleCodeExporter commented 9 years ago 
You are right... I was thinking the other way around - spending time to make 
PNG icons look good as a GIF icon... Sorry.

As you can read in the FAQ, then I made the red icons with the PNGs as the 
source and not the GIF, so it puzzles me a little, that the red icon above 
doesn't have alpha transparency like the original. Could it be that ImageMagick 
doesn't support it that well with the convert command?

Original comment by janpol...@gmail.com on 21 Feb 2011 at 10:32

GoogleCodeExporter commented 9 years ago 
That's what it's looking like.  I'd have to read the ImageMagick docs to see if 
there is some flag you can set to get it to use alpha transparency and true 
color instead of indexed color.  In the meantime, I fixed the browser PNG icons 
to look a little nicer (softer, er, silkier edges).

The remaining list:

application_cascade_add.gif
application_cascade_delete.gif
application_cascade_go.gif
arrow_branch_red.gif
arrow_divide_down.gif
arrow_divide_down_red.gif
arrow_divide_red.gif
arrow_down_red.gif
arrow_in_red.gif
arrow_inout_red.gif
arrow_join_red.gif
arrow_left_red.gif
arrow_merge_red.gif
arrow_out_red.gif
arrow_redo_red.gif
arrow_refresh_red.gif
arrow_refresh_small_red.gif
arrow_right_red.gif
arrow_rotate_anticlockwise_red.gif
arrow_rotate_clockwise_red.gif
arrow_switch_red.gif
arrow_turn_left_red.gif
arrow_turn_right_red.gif
arrow_undo_red.gif
arrow_up_red.gif
blank.gif
control_back.gif
control_play_blue_down.gif
control_play_down.gif
date_lorry.gif
fax.gif
female_time.gif
lorry_group.gif
lorry_user_female.gif
lorry_weather_cloudy.gif
male_time.gif
music_save.gif
page_magnifier.gif
page_tick.gif
page_white_pdf.gif
script_calendar.gif
script_date.gif
script_magnifier.gif
script_money.gif
script_sum.gif
script_weather_cloudy.gif
script_zoom.gif
sport_baseball.gif
sport_volleyball.gif
sql.gif
sql_add.gif
sql_delete.gif
sql_go.gif
sql_valid.gif
table_function.gif
table_row.gif
table_status_offline.gif
text_list_numbers_disk.gif
text_list_numbers_gear.gif
user_female_add.gif
user_female_contrast.gif
user_female_delete.gif
weather_cloudy_add.gif
weather_cloudy_lorry.gif
weather_cloudy_user_female.gif
weather_sun_lorry.gif
weather_sun_user_female.gif

Original comment by stefanb...@gmail.com on 23 Feb 2011 at 7:05