GoldenLine
Zaloguj się

konto usunięte

Temat: szrokość pliku graficznego

dostałem zlecenie w którym grafik wymyślił sobie graficzne ramki (dokładnie dwie) o różnych szerokościach - wszystko to wrzuciłem do jednego pliku (góra, dół środek) o wysokości 20px - jednak szerokość to ponad 5000 px - ogólnie pliczek waży niecałe 10 kilo - ilość zapytań http to jedno a nie 6 - i w przeglądarkach zachowuje się poprawnie

jednak jako początkujący mam pytanie czy taka szerokość pliku ma znaczenie jakiekolwiek ?
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: szrokość pliku graficznego

A możesz pokazać jak to wygląda? Bo jakoś nie mogę sobie wyobrazić o co dokładnie chodzi.
Szerokość na 5000 px to jest coś dziwnego jak na grafikę pod neta...
Strona miałaby się scrollować w poziomie czy jak?

Jak np przy obecnym swoim projekcie daję tło graficzne na szerokość 1920 i zajmuje to bardzo mało, a co do szerokości to jest w tym przypadku akurat tak, że jak ktoś ma mniejszą rozdzielczość to po prostu zobaczy mniej tła, a jak ktoś ma np 24" i 1920px szerokości to zobaczy tło w całości...

Edit: Przeczytałem jeszcze raz i mniej więcej wiem jak to chyba wygląda (tylko nadal nie rozumiem skąd te 5tys px)
Takie coś jak chcesz użyć powszechnie stosuje się przy projektowaniu stron. Raczej jest to wykorzystywane przy akcjach typu hover, ale niekoniecznie musi tylko temu służyć.
Robisz sobie jedną grafikę a jej pozycję wyświetlania określasz w CSSach. Podobnie robi np youtube http://s.ytimg.com/yt/img/master-vfl98588 . png (usuń spacje)
Zmniejsza to ilość zapytań choć na początku nieznacznie wydłuża ładowanie się strony (ale jak piszesz, że to 10 KB to nie masz czym się martwić)Michał K. edytował(a) ten post dnia 01.06.09 o godzinie 13:49
Link do wypowiedziLink

konto usunięte

Temat: szrokość pliku graficznego

Michał K.:
Edit: Przeczytałem jeszcze raz i mniej więcej wiem jak to chyba wygląda (tylko nadal nie rozumiem skąd te 5tys px)

dwa divi - zdefiniowany widok góry, dołu i środka - szerokość jednego ponad 900 drugiego niecały 900 - razem daje ok 6x900 ;)
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: szrokość pliku graficznego

no to teraz kompletnie nie rozumiem o co chodzi...

możesz jakoś graficznie to zilustrować?
Link do wypowiedziLink

konto usunięte

Temat: szrokość pliku graficznego

Michał K.:
możesz jakoś graficznie to zilustrować?

plik - wysokość 20 px - float left ;) - 900px topu dla diva - 900px środka - 900px bottom diva - i to wszystko razy dwa ;)
Link do wypowiedziLink

konto usunięte

Temat: szrokość pliku graficznego

Rafał Śmiłowski:
Michał K.:
możesz jakoś graficznie to zilustrować?

plik - wysokość 20 px - float left ;) - 900px topu dla diva - 900px środka - 900px bottom diva - i to wszystko razy dwa ;)


Oczywiście pisząc float left miałeś na myśli background position? :) jeśli tak to nie widzę przeszkód. W wielu miejscach można spotkac takie rozwiązanie (może mniej ekstremalne jeśli chodzi o rozmiar pliku) - od youtube po jQuery UI. Apropo rozmiaru... jeśli razi Cię szerokość pliku to może wrzuć te ramki jedna pod drugą i plik bedzie hmmm... "prostokątny" :)rafał krupiński edytował(a) ten post dnia 01.06.09 o godzinie 22:54
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: szrokość pliku graficznego

no ok to tak jak mówił mój przedmówca... możesz sobie wsadzić to w poziomie, możesz też zamienić na pion jeśli tak bardzo Ci przeszkadza tak szeroki plik (choć w KB wyjdzie chyba na to samo).
Szkoda, że nie chcesz nam pokazać tego pliku (projekt przed pocięciem) bo może dałoby się to jakoś inaczej rozwiązać.
Nie znam przeznaczenia DIVa ale robiąc to tak jak teraz to masz ograniczenia co do szerokości (mniej ważne) i do wysokości. Div jest robiony prawie na sztywno...
Link do wypowiedziLink
Szymon Piłkowski

Szymon Piłkowski Senior JavaScript
Developer

Temat: szrokość pliku graficznego

Osobiście się z tym nie spotkałem, ale duże sprite'y sprawiają podobno problemy kiedy chcemy animować elementy których tło/src stanowią.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Dobre zwyczaje w dokumentow...




Wyślij zaproszenie do
Anuluj