Witam.

Dziś w kiedy większość laptopów ma ekrany HD, 24 calowy monitor można kupić za ~500zl, a przeciętnego kowalskiego stać na lustrzankę 10MP+ zdjęcia są naprawdę wielkie, już nie wspominając o jakiś monitorach Eizo czy Apple, i aparatach 20MP+. Jak w galeriach wykorzystać takie zdjęcia. Jednocześnie nie można zapomnieć o zwykłych laptopach, 17 czy 19 calowych monitorach, a nawet coraz popularniejszych tabletach, czy rozbudowanych telefonach. W jakiś sposób tak inteligentnie skalować zdjęcia, aby wyświetlały się odpowiednio dla każdego usera. Jednocześnie nie zawsze chce male zdjęcie rozciągnąć do wielkich rozmiarów, albo kazać ściągać 2MB na telefon i wyświetlać po 10% wys. i szerokości.

Mozę ktoś zna odpowiedz, i istnieje takie wspaniale rozwiązanie.

Z góry dziękuje

@mod
nie używałem tagu tematu, bo nie ograniczam się co do jakiej kolwiek technologi

Zdjęcia, w galeriach internetowych, nie powinny mieć więcej niż 1000 pikseli szerokości - większe się po prostu nie wygodnie ogląda. Taka wielkość może być bez problemu wykorzystywana na każdym komputerze. Dla użytkowników tel. kom. możesz przygotować mniejszą wersję obrazu.

PS. Nie wiem skąd wytrzasnąłeś pomysł, że niemal każdy ma ekran o rozd. HD lub większej - szczególnie wśród laptopów.

Jquery + .height() i .width() (stosujesz na window i na danym obrazku) a potem to już tylko matematyka i odpowiednie if'y.

Pamietaj, ze HD to nie tylko 1080i / 1080p, ale i 720p (1280×720), a skad pomysl, wszedlem na strone sklepu komputerowego, i widze laptopy, 15,6-16 cali i kazdy w ma w nazwie HD, wiec te ~1400x900, sam mam taki w lapku. A czy zdjecie nie wyglada slabo takie malutkie na wielkim monitorze, masz tutaj 1000x665, przeskalowane z 1936 × 1288, najmniejszy jaki tania lustrzanka moze osiagnac (Canon 1000D). Porownujac obrazek na pierwszym i ostatnim ekranie, to ten na ostatnim wyglada conajmniej smiesznie, dodam, ze naprawde fajny aparat (Canon 1Ds Mark III) osiaga 4256 x 2832, dlaczego z nie skorzystac z tego co nam daje dzisiaj technika, i skalowac wszystko na sztywno do 1000, wolal bym jakis sposob na to "inteligentne skalowanie".

http://img8.imageshack.us/img8/5766/1024x768al.jpg 1024x768.jpg 50 KB
http://img845.imageshack.us/img845/3043/1400x900.jpg 1400x900.jpg 59 KB
http://img849.imageshack.us/img849/967/1920x1080s.jpg 1920x1080.jpg 72 KB
http://img812.imageshack.us/img812/2568/2560x1400.jpg 2560x1400.jpg 96 KB

Po wgraniu foty przeskalowanie do x wybranych rozdzielczości, a przy wczytywaniu łapanie js. rozdzielczości ekranu i wstawianie odpowiednich fotek

@bercow
Staty polskie

Póki co tego pędu na HD nie widać. Co do inteligentnego skalowania to już @nekomata dał odpowiedź. Od siebie dodam że skorzystanie choćby z phpThumb + przeróbka dowolnego skryptu JS do powiększeń da to "inteligentne skalowanie".

@bercow: Format HD to 1920 × 1080 i żaden inny. A aparaty mają po to takie rozdzielczości żebyś mógł sobie zdjęcie 7 × 4 metrów na bilbordzie powiesić, a nie na monitorze komputera oglądać. Obrazu który ma 40 cm szerokości nie da się wygodnie oglądać z 30 - 60 cm.

To jest HD Ready , które tak naprawdę jest daleeeeeeko za prawdziwym HD . (Na laptopie mam HD ready a w PC normalne HD , i różnica jest tak zauważalna że czasem się czuję nieswojo.)

@Crozin, nekomata
720p to fakt HD Ready, ale piszac HD pisze o 1080 i 720, piszac Full HD/HD Ready opisuje tylko jeden. Samo HD (High Definition), odnosi sie "od HD Ready do UHDTV" czyli 4320p, i nie jest to tylko i wylacznie 1920 × 1080. Jest to poprostu "wysoka ostrosc".

Dzis sie pobawie tak jak napisal to nekomata, skalowanie do wielu rozdzielczosci po wgraniu, to strasznie duzo miejsca na jedno zdjecie, kazdy musial bym trzymac 3 razy + miniaturka.

Aż tak dużo miejsca to to nie zajmie. Oryginał powiedzmy do 5 MiB, a 3 miniaturki (1000 × ..., 480 × ..., 128 × ...) pewnie w okolicach 600 KiB, więc tragedii nie ma. Nie mniej jednak chcąc przechowywać duże ilości zdjęć musisz się liczyć z tym, że serwer z jednym dyskiem twardym Ci nie wystarczy.