Zdjęcie o rozmyciu większym jest rozmyte po zmniejszeniu

Jest to moja pierwsza próba odpowiedzi na pytanie, więc przepraszam, jeśli to jest głupie proste pytanie.Zdjęcie o rozmyciu większym jest rozmyte po zmniejszeniu

Utworzyłem obraz i ustawiłem jego szerokość maksimum na nie większą niż szerokość obrazu, ponieważ wiem, że powiększenie obrazu spowoduje rozmycie zepsutego obrazu.

Co jestem trochę zdezorientowany na to, że jak już kurczyć okno i img zaczyna się kurczyć, robi się rozmazane, jak również ...

Czy to poprawne zachowanie i czy istnieje jakiś sposób obejścia tego?

Każda pomoc doceniona!

Źródło

2012-04-04 Stefan

gdzie jest kod ??? Myślę, że to wymaga poprawy – Baba

Kiedy kurczysz okno, obraz również się zmniejsza? Zgaduję, że szerokość obrazu została ustawiona jako%, a następnie dodano maksymalną szerokość? –

Tak, to się skurczy, ustawiłem element div zawijania na wartość procentową, a znacznik img na szerokość: 100%; height: auto; maksymalna szerokość: 480px; – Stefan

Jeśli za pomocą Fire Fox zgłoszono problemy z skalowaniem obrazów.

Why is Firefox so bad at resizing images?

Firefox blurs an image when scaled through external CSS or inline style.

Najwyraźniej dodanie następujących do CSS ma stały problem dla niektórych

image-rendering: -moz-crisp-edges;

Źródło

2012-04-04 13:27:33

Używam Firefoksa i wygląda na to, że gdy przeglądam w Safari, wyświetla się poprawnie. Wydaje się, że jest to specyficzne dla firewalla, jednak dodanie powyższej zasady spowodowało wyostrzenie obrazów, ale zbytnio je pogorszyło. – Stefan

Myślę, że na razie jest to do przyjęcia, ale muszę wymyślić lepszy sposób wyświetlania obrazów w elastycznym układzie, takim jak ten. Dziękuję za pomoc. – Stefan

Miło, chociaż problem tkwi także w webkitach, przynajmniej Chrome –

Zdjęcie o rozmyciu większym jest rozmyte po zmniejszeniu

Odpowiedz

Powiązane problemy