Jump to content
  • 0

Альтернатива png иконкам


Beloff
 Share

Question

Всем привет, такой вопрос:

я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается.  С PNG все нормально, но как-то не охото) -js фильтры + весит многовато.

Если gif сохранить 1000px X 1000px  то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF?

 

СПАСИБО!

 

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается.

Это потому что полупрозрачность есть. Юзайте PNG + tinypng.
  • Like 1
Link to comment
Share on other sites

  • 0

может какие-нибудь доп. опции в photoshop

 

В Photoshop, боюсь, нет, но есть в Fireworks (старые, но актуальные статьи по теме: раз, два). Плюс есть отдельные программки, умеющие перегонять PNG из полноцветного RGB в индексную палитру с альфа-каналом (лично мне до сих пор нравится Color Quantizer).

  • Like 1
Link to comment
Share on other sites

  • 0

1000px X 1000px – это спрайт? Действительно ли все иконки из него используются? Можно оставить только необходимые.

Можно сохранить в любом формате.
Я бы делал в svg (с фолбеком в png для старых браузеров) и добавлял бы иконку кнопке псевдоэлементом ::before или ::after с нужной прозрачностью.

Link to comment
Share on other sites

  • 0

Полноценной альтернативы думаю нет. В PNG можно уменьшить кол-во цветов (часто не влияет на качество) и пройтись оптимизаторами - бывает что размер уменьшается на порядок

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy