Tło w HTML5 - rozmiary

Question

Cześć Wam!,

mam problem - mianowicie dostałem zadanie rekrutacyjne. Na samym początku mam problem, gdyż nie mogę ustawić zdjęcia tła. Do pliku CSS dodałem ścieżkę do zdjęcia background-image: url(bg_image.jpg);, lecz w witrynie pokazuje tylko 1/4 tego zdjęcia. Wymiary zdjęcia to 2592 x 1728. Próbowałem kombinować z background image, lecz mi to nie wychodzi. Dodam, że chcę zrobić stronę responsywną. Jakie wymiary powinno mieć to zdjęcie tła?

Z góry dziękuję za odpowiedzi!

Answer 1

background-image: url( "adres obrazka" );
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

spróbuj to

opcjonalnie polecam jeszcze

background-position: 50%;

 

Answer 2

background-image: url(adres obrazka);
background-size:contain;
background-repeat: no-repeat;

Tak powinno zadziałać.

Jednak radził bym w edytorze (np. Paint ) zmniejszyć rozdzielczość tła, ponieważ przy przeładowaniu się strony przeglądarka dodatkowo skaluję obraz co powoduję dłuższe ładowanie strony.

 

Answer 3

dzięki za pomocne odpowiedzi!

Comments

Jeżeli chcesz szerzej rozwinąć temat to polecam Ci zapoznać się
z grafiką wektorową :) Z tego co kojarzę to najlepszym środowiskiem jest adobe.

albo korzystać ze stron typu

https://www.toptal.com/designers/subtlepatterns/

Jeżeli pomogłem , to liczę na na ;)