כללי בעיה עם לוגו באינטרנט

[shira]

עיצבתי לוגו ללקוח, את הלוגו הוא ביקש גם בקבצי PNG על מנת להשתמש בהם באתר אינטרנט. שלחתי לו אותם כמו שהוא ביקש והוא טוען שכשהוא מציב את הלוגו באתר הלוגו מפוקסל לגמרי, הוא שלח לי קישור לראות את זה ואני רואה את זה נהדר, ללא שום פיקסול.
בדקתי את זה בכמה מחשבים, שלחתי לבעלי את הקישור ותמיד הייתה אותה תוצאה - הלוגואים היו ברורים. הוא טוען שהוא רואה את זה מפוקסל ובבדיקות שהוא עשה בכמה מחשבים רואים את זה מפוקסל. אני כבר משתגעת מזה.
מצרפת את הלוגואים כפי שהוא רואה (הוא שלח לי צילום מסך) וכפי שאני רואה. איך יכולים להיות כאלה הבדלים?

וזה הקישור ללוגו כפי שהוא הציב אותו באתר:
http://www.144-zmanim.co.il/test pages/tst.htm

אולי הם באמת מפוקסלים ואני מדמיינת...

 

[אליהו פריד]

מפוטושופ?
צריך לייצא 1:1
אולי ייצאת גדול מדי ואז בהקטנה זה יוצא מפוקסל????
עדיף גם ליצא כGIF ולא JPG

 

[טפטפת]

זה לא PNG אלא גיף.
וגיף גרוע.
אם את אומרת ששלחת לו PNG אז כנראה הוא עצמו הפך אותו לגיף, ואלוקים יודע איך.
תשלחי לו שוב את הקובץ בגיף ובPNG, אבל תקינים, תסגרי אותם כמו שצריך דרך הפוטושופ.

 

[shira]

הפכתי את הקובץ ל PNG דרך האילוסטרייטור,

דרך save to web. במידות שהוא נתן לי. זאת לא הדרך הנכונה לייצא את הקובץ?

איפה אפשר לראות את סוג הקובץ באתר?

איך נראים הלוגואים בקישור המצורף? מפוקסלים?
אם כן, איך אני רואה אותם ברורים בכמה מחשבים???

 

[Smeshi]

אצלי ברור מאד.
תקריבי את ה-1 של ה-144.

 

[kcbv]

save to web. זו בהחלט הדרך הנכונה, זה מוריד את משקל התמונה למשקל קל ביותר. וזה מאוד משמעותי באתרים. אבל זה ממש ע"ח האיכות זה יוצר מסגרת לבנה מפוקסלת סביב התמונה. אם מניחים את התמונה על רקע לבן, הנזק פחות בולט לעין. אבל במידה והרקע באתר שונה תאלצי לשמור כpng בדרך הרגילה של save as אבל להקפיד על גודל 1:1 ברזולוציה של 72.

 

[shira]

תודה.
למרות זאת, ממה נובעים ההבדלים לדעתך, שאני רואה את הלוגואים בצורה ברורה והוא וכל מי שהוא שלח לו את הלינק רואים אותם מפוקסל? (אני מקווה שהוא לא חושד בי שאני סתם אומרת שהלוגואים ברורים בכדי לנפנף אותו מעלי...)

 

[saryoram]

לא כל הדפדפנים יודעים להציג PNG בצורה תקינה

תראו איך אני רואה את אותו אתר ב 2 דפדפנים שונים:
צפה בקובץ המצורף 52879

כאשר אני בונה אתר, אני מעדיף לא להתשמש ב PNG אך אם אין ברירה אני מוסיף פונקציה ב JS שמסדרת אותו.

 

[eden7115]

פתחתי בפיירפוקס ויצא מפוקסל מאוד, עשיתי בדיקה ופתחתי גם באקספלורר והנה הלוגואים חלקים לגמרי. אין לי מושג איך פותרים את זה, אבל ידיעת הבעיה הינה חצי פיתרון אז מקווה שעזרתי...

 

[shira]

לצערי לא... אצל הלקוח גם בפיירפוקס וגם באקספלורר הלוגואים מפוקסלים...

 

[shira]

אז במה עדיף להשתמש אם לא ב PNG?

 

[saryoram]

לצערי לא... אצל הלקוח גם בפיירפוקס וגם באקספלורר הלוגואים מפוקסלים...

איזה אקספלורר?
אקספלורר 6 שונה מאקספלורר 7 או 8

 

[shira]

אין לי מושג באיזה אקספלורר הוא משתמש.
אבל אם זה כך ובכל דפדפן רואים שונה, באיזה קובץ צריך להשתמש ללוגו על מנת שהוא יראה טוב בכל הדפדפנים? (קובץ תומך שקיפות כמובן)

 

[אברהם]

אני לא יודע למה הבעיה הספציפית הזאת עם הקובץ הזה (שאכן יצא מפוקסל מאד בכרום ולעומת זאת באקספלורר 8 הוא חלק), אבל קבצי PNG אחרים נראים נהדר בכרום.
(למשל כל מיני לוגואים בויקיפדיה שמורים כ PNG, והם נראים מצויין)

 

[eden7115]

גם אצלי אקספלורר 8 - אולי יש ללקוח קספולרר ישן יותר?
יכול להיות שצריך לשטח את השכבות לפני שסוגרים לPNG? סתם השערה...

 

[תמנתי ווב דיזיין]

GIF89 תומך בשקיפות ובכל מקרה, ראיתי שהרקע מאחורי הלוגו הוא אחיד, אז אולי לשלוח תמונת KPG על חלק מהרקע מאחורה?

 

[Shia]

שקיפות תיצור בעיות בחלק מהדפדפנים. נקודה.

שקיפות בגיף היא אבסולוטית, דהיינו, כל פיקסל הוא שקוף לגמרי או אטום לגמרי.
מה שאומר, שאין שוליים "רכים". המעברים בין שקוף לאטום ייראו מפוקסלים.

שקיפות בPNG24 יכולה להיות שקיפות חלקית, כלומר, יש מצב של 20% שקיפות לפיקסל.
הבעיה היא ש(עדיין) לא כל הדפדפנים תומכים בפורמט הזה באופן מלא.

לכן מומלץ לוותר על שקיפות איפה שאפשר. ואיפה שחייבים שקיפות, מומלץ אפשר לשלב טיפונת מצבע הרקע לפני השקיפות...

נניח שיש לנו ציור של סמיילי צהוב שצריך לבוא על רקע שחור. ואנחנו מתעקשים שצריך שקיפות. אז איך דואגים שזה ייראה טוב? משאירים סביב הסמיילי קו דק בצבע שחור. ככה הוא מתערבב ברקע בצורה חלקה.
הנה דוגמה של סמיילי עם קו מסביב (מימין) וסמיילי בלי קו מסביב (משמאל).
צפה בקובץ המצורף 52899

נ.ב. בשביל לשמור גיף באופן נכון, צריך לעבוד בפוטושופ ולהעביר את המסמך למצב indexed color לפני השמירה.

 

[ariels]

גם אצלי בפיירפוקס נראה נורא, מפוקסל מאוד, ובאקספלורר נראה מצויין.

 

[saryoram]

מעיון במקור הדף של הקישור ששלחת נראה לי שהלקוח שם את הקבצים שהכנת לו בתוך מסמך Word ושמר אותו כ Html, תוכנת Word יצרה באופן אוטומטי גם קיבצי Gif (באופן הכי גרוע שאפשר) והוסיפה תנאי שפעמים יציג את ה PGN ופעמים GIF

הקבצים שלך נראים טוב בכול הדפדפנים למעט IE6
כדי שגם ב אקספלורר 6 זה יראה טוב צריך להוסיף פונקציה שנמצאת בקישור הזה:
http://homepage.ntlworld.com/bobosola

להלן הקבצים שלך ע"ג שרת הלקוח שלך:

This user does not have permission to use the HTML BB code.

 

[shira]

מקווה שפתרתי את העניין הזה,

מסתבר שהלקוח ביצע שינויים בגודל באחת התוכנות שברשותו (משהו כמו הצייר...)
ולכן הפיקסול. כשהלוגו מוצב בגודל המקורי כפי שאני שלחתי לו אותו, הכל בסדר....
הוא עדיין מעוניין שהוא יוכל לשנות את גודל הלוגו לבד, אבל זאת כבר לא בעיה שלי....
הוא שאל אותי אם יש איזו תוכנה חינמית שבה הוא יוכל לשנות את הגודל של הקובץ המקורי (AI) והוא ישאר איכותי. למיטב ידיעתי התוכנות הקטנות והחינמיות לא יוכלו לפתוח את הקובץ ולייצר קובץ איכותי. יש איזו תוכנה שתוכל להתמודד עם זה?

בעיה אחת נפתרה (אני מקווה)
עכשיו יש לי עוד בעיה איתו... את אותו הסמל בלוגו הלקוח רוצה להציב כאייקון על "שולחן העבודה" של טלפונים סלולריים. הכנתי לו אייקון, שמרתי אותו כ PNG ו GIF והאייקון מופיע על שולחן העבודה עם מסגרת דקה לבנה מסביב לאייקון.
ניסיתי לשלוח לו קובץ ICO וזה אכן הגיע ללא המסגרת הלבנה, הבעיה היא שהאיכות לא טובה כמו בקבצי ה PNG. איך אפשר לייצר אייקון באיכות טובה ללא מסגרת מסביב???