GoldenLine
Zaloguj się

konto usunięte

Temat: Porównywanie plików graficznych pixel po pixelu

Witam! Nie do końca to się może okazać dobrym miejscem na to pytanie, ale nie wiem gdzie powinienem pytać.

Czy znacie jakiś prosty programik lub funkcja zaawansowanego programu, która pozwalałaby porównywać pliki graficzne pixel po pixelu i pokazywałaby różnicę między nimi?

(potrzebuję to do dokładnego porównywania projektu strony z renderem przeglądarki)
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: Porównywanie plików graficznych pixel po pixelu

Jest dodatek do firefoxa o nazwie Pixelperfect http://www.pixelperfectplugin.com/ Ale wydaje mi się, że najpierw trzeba zainstalować FireBug'a - jeśli nie masz to koniecznie zainstaluj -baardzo pomaga w pracy https://addons.mozilla.org/pl/firefox/addon/1843 .

Po wyrenderowaniu strony przez przeglądarkę. Włączasz firebuga i w zakładce pixelperfect ładujesz projekt strony, ustawiasz przeźroczystość i pozycjonujesz obrazek aby pokrył się ze stroną.

Niestety tak sprawdzisz tylko strony wyplute przez FF.
Do innych przeglądarek polecam poszukać dodatków (w Operze pewnie coś takiego jest, IE 7 i 8 pewnie też się znajdzie, Chrome to samo) robiących screena całej strony. W firefoxie teraz korzystam z Fireshot'a https://addons.mozilla.org/pl/firefox/addon/5648 ale wcześniej miałem coś innego (tez był bardzo dobry ale wybrałem ten bo on daje jeszcze możliwość nanoszenia "uwag" po wykonaniu zrzutu).
Jeśli nie znajdziesz dodatków to pozostaje niestety ręczne robienie print screena i później sklejanie tego w photoshopie, Gimpie czy jakimkolwiek programie graficznym.

Ostatni krok to wykonany zrzut ekranu nanieść (w jakimś programie obsługującym warstwy) jako nowa warstwa z ustawionym kryciem na powiedzmy 50%. Jeśli chcesz doszukiwać się minimalnych odchyleń a z samego krycia ciężko odszukać to, zmień sposób mieszania dwóch warstw na taki który pokaże różnice.

To chyba tyle :)
Link do wypowiedziLink

konto usunięte

Temat: Porównywanie plików graficznych pixel po pixelu

Dzięki wielkie za obszerną odpowiedź. Pewnie po południu zabiorę się za te dodatki, ale póki co: jeżeli dobrze rozumiem, to dzięki pixelperfect można porównywać sobie render strony w FF z obrazkiem. Jeżeli więc zrobię screena z innej przeglądarki to mogę sobie porównać go do rendera FF (a wcześniej bardzo dokładnie ustawić render FF) i w ten sposób każdy projekt mieć taki sam.

Sprawdzę później, oby tak było.
Link do wypowiedziLink

konto usunięte

Temat: Porównywanie plików graficznych pixel po pixelu

Najlepiej jakby odjąć jeden obraz od drugiego.
Podejrzewam że są programy graficzne które to robią.

http://www.sharewareconnection.com/image-comparer.htm

Jeśli zamienisz plik na PPM to program który to robi nie zajmie więcej niż jeden ekran...
Link do wypowiedziLink
Wojciech Sznapka

Wojciech Sznapka CTO @ STS Zakłady
Bukmacherskie

Temat: Porównywanie plików graficznych pixel po pixelu

dla ppm czy bitmapy to raczej pikuś, jpeg nie jest już takim prostym formatem do takich zabaw...
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: Porównywanie plików graficznych pixel po pixelu

Jeśli zadał pytanie w tej grupie to domyślam się, że chodzi raczej o dokładne odwzorowanie projektu zrobionego np w Photoshopie z tym co udało się przełożyć na HTMLa przy pomocy pociętej grafiki i CSS.

Nie chodzi raczej o to żeby sprawdzać czy 100% pikseli na screenie odpowiada każdemu pikselowi na projekcie. Zresztą w tym przypadku np by się wyłożyło przy użyciu PNG w projekcie bo z tego co pamiętam to przy zapisie do PNG coś się kolory knocą (może i oko ludzkie tego nie zauważy ale program to wyłapie). To samo jest w porównywaniu JPGów - JPG to kompresja stratna i w zależności od wykorzystywanego algorytmu będzie się miało różne wyniki w stosunku piksel w piksel.

odpowiadając na Twoje pytanie Kamil - tak, jeśli w 100% odwzorujesz projekt w FF to później zamiast projektu będzie mógł używać screenów z innych przeglądarek.
Link do wypowiedziLink

konto usunięte

Temat: Porównywanie plików graficznych pixel po pixelu

Dobry też okazał się pomysł z nakładaniem obrazu jeden na drugi w trybie odejmowania. W Corelu Photo-Paincie właśnie próbowałem tego i świetnie widać różnice między dwoma screenami.
Dzięki!
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: Porównywanie plików graficznych pixel po pixelu

No to spoko. Najważniejszy jest wynik.
Korzystanie z nakładki na stronę jest o tyle lepsze, że w locie możesz modyfikować CSSa i przesuwać elementy o tyle pikseli o ile trzeba.

Czasami żeby porównać sobie FF i IE (oba wyrenderowane) to łączę kolejne dwa dodatki do FF. jeden taki który dzieli mi przeglądarkę na dwie części, a drugi do zmienienia jednej z tych części na render IE. Ale to już taki myk gdy nie mam czasu zrzutów robić i nie ważny jest wynik co do piksela, a tylko poglądowo czy jest mniej więcej tak samo.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj