Show before and after with one draggable slider

Prześlij dwa obrazy o tych samych wymiarach, a narzędzie nałoży je na siebie z przeciąganym suwakiem. Przesuń w lewo, aby pokazać obraz „przed", przesuń w prawo, aby pokazać „po" — idealne do prezentowania edycji, retuszu, utraty wagi, remontów, iteracji projektowych i wyników generowania przez AI.

Tak. Wyeksportuj suwak jako MP4 lub animowany GIF, który automatycznie zapętla przesuwanie — idealne do postów na Instagram, TikTok, X i LinkedIn, gdzie widzowie nie mogą przeciągnąć uchwytu. Liczba klatek na sekundę i czas trwania są konfigurowalne.

Najlepiej tak, ponieważ suwak porównuje obrazy piksel po pikselu. Gdy rozmiary się różnią, narzędzie proponuje automatyczne przycięcie lub przeskalowanie drugiego obrazu, aby dopasować go do pierwszego, zachowując proporcje, dzięki czemu porównanie pozostaje dokładne.

Obsługiwane są formaty JPEG, PNG, WebP, GIF i HEIC. Eksportowane wideo wykorzystuje H.264 MP4 dla maksymalnej kompatybilności, a eksport do GIF utrzymuje rozmiar pliku na tyle małym, by umożliwić szybkie udostępnianie w mediach społecznościowych.

Podgląd porównania obok siebie odbywa się w Twojej przeglądarce, ale eksport złożenia przesyła oba obrazy na nasz bezpieczny serwer, aby można było wyrenderować końcowy plik; są one następnie automatycznie usuwane i nigdy nie są udostępniane ani używane do trenowania modeli. W przypadku ściśle poufnych materiałów, gdzie żadne przesyłanie nie jest dopuszczalne, wykonaj zrzut ekranu podglądu na ekranie zamiast korzystać z Eksportu.

Tak. Skopiuj wygenerowany fragment kodu HTML i wklej go do WordPress, Webflow, Squarespace, Shopify lub dowolnej witryny statycznej. Osadzony element nie ma zależności, jest dostosowany do urządzeń mobilnych i działa bez zewnętrznych bibliotek JavaScript.

Użyj kontrolki Orientacja w panelu Porównanie, aby przełączać się między poziomą (przesuwanie lewo-prawo, najlepsze do zdjęć poziomych i układów obok siebie) a pionową (przesuwanie góra-dół, lepsze do wysokich zdjęć pionowych lub porównań wysokości przed/po, takich jak remonty czy zdjęcia wzrostu).

Podział % ustawia, gdzie znajduje się linia podziału między obrazem przed i po, od 0 (widoczne całe „po”) do 100 (widoczne całe „przed”) — domyślnie wynosi 50 dla równego podziału. Przesuń go w jedną stronę, jeśli chcesz, aby w wyeksportowanym złożeniu było widoczne więcej konkretnego obrazu, na przykład 70, aby podkreślić wynik „po”.

Kliknij przycisk Zamień w panelu Porównanie, aby natychmiast zamienić obrazy przed i po bez ponownego przesyłania — przydatne, jeśli wrzuciłeś je w złej kolejności lub chcesz odwrócić kierunek odsłaniania dla innego efektu wizualnego.

Do renowacji całego pomieszczenia dobrze sprawdza się orientacja Pionowa z podziałem 50%, ponieważ pozwala widzom porównać szczegóły od góry do dołu, takie jak zmiany podłóg i sufitów. Do porównań mebli lub zmian kolorów obok siebie orientacja Pozioma z podziałem 40–60% (faworyzująca ten obraz, który ma bardziej uderzający efekt) zwykle najskuteczniej przyciąga wzrok.