[lady_katarina]

#webdev #frontend #programowanie

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ę?

[zbicin]

@lady_katarina: plusem jest to że wykonujesz jeden request HTTP zamiast np. kilkuset (dla każdej ikonki oddzielnie). :)

[piottrek]

@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 :)

[Veni]

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.

[T.....n]

@lady_katarina: ja się nie bawię w sprite'y
szkoda mi czasu

[lady_katarina]

@zbicin: @piottrek: @Veni: no tak, faktycznie :) dzięki za odpowiedzi. W takim razie się przestawię na tę metodę :D

[zbicin]

@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

[JacaGlaca]

@lady_katarina: tutaj masz narzędzie online, którego używam od jakichś siedmiu lat http://www.spritecow.com/.

[lady_katarina]

@JacaGlaca: oo super, bardzo dziękuję! ^^ świetne to jest :D

[Krylan]

@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 pliku

[MrRuby]

wszystko co tu piszą to prawda dopóki nie http2