Mirki kiedy używacie ikonek/logo na stronie to macie je w jednym obrazku i je później odpowiednio pozycjonujecie czy macie każdy w osobnym pliku? Co przemawia za używaniem pierwszej metody? Dużo mniej waży taki jeden obrazek? No bo jednak trochę trzeba się naliczyć żeby odpowiednio to ustawić kiedy jest parę obrazków i czy w ogóle opłaca się poświęcać czas na taką optymalizację?
@lady_katarina tak, masz jeden call do pliku, co do męczenia się z tym gulp to jak dobrze pamiętam zrobi za Ciebie, pewnie inne npm skrypty do użycia np. w webpacku gotowe do tego też znajdziesz :)
Wszystko przemawia bardziej za pierwszym rozwiązaniem. Korzystając z jednego pliku zamiast x ograniczasz liczbę przesyłanych żądań. Jeden plik jest łatwiej zoptymalizować niż x osobnych. Struktura projektu jest bardziej przejrzysta. Ogólnie same korzyści.
@lady_katarina: poszukaj jakiegoś zautomatyzowanego rozwiązania, bo klejąc ręcznie taki pojedynczy plik graficzny i spisując współrzędne wszystkich elementów szybko nas znienawidzisz :D
@lady_katarina: Lepsza optymalizacja będzie przy jednym większym pliku, to prawda. Z drugiej strony jest sporo z tym roboty i łatwiej jest wrzucić wszystkie pliki a potem je tylko wywoływać, bez bawienia się ze współrzędnymi.
Co do samych ikonek, to według mnie świetnym rozwiązaniem są icon-fonty – czcionki złożone z ikonek (zamiast liter czy innych znaków), którym można zmieniać wielkość, kolor itp., ponieważ są wektorowe, a wszystkie siedzą wtedy w jednym
Mirki kiedy używacie ikonek/logo na stronie to macie je w jednym obrazku i je później odpowiednio pozycjonujecie czy macie każdy w osobnym pliku?
Co przemawia za używaniem pierwszej metody? Dużo mniej waży taki jeden obrazek? No bo jednak trochę trzeba się naliczyć żeby odpowiednio to ustawić kiedy jest parę obrazków i czy w ogóle opłaca się poświęcać czas na taką optymalizację?
szkoda mi czasu
Co do samych ikonek, to według mnie świetnym rozwiązaniem są icon-fonty – czcionki złożone z ikonek (zamiast liter czy innych znaków), którym można zmieniać wielkość, kolor itp., ponieważ są wektorowe, a wszystkie siedzą wtedy w jednym