Araçlar95

DÜZENLE / PRATİK BİR GÖRSEL REHBERİ

İki resim nasıl karşılaştırılır ve neyin değiştiği nasıl bulunur

İki sürümü aynı referans çerçevesine koyun.

Kaydır, Yan yana, Katman veya Fark ısı haritası ile bir öncesi-sonrası çiftini incelemek için Resimleri Karşılaştır'ı kullanın. İkinci resmi hizalayın, her ikisini de senkronize yakınlaştırma ile inceleyin ve ihtiyacınız olan görünümü dışa aktarın. Bu örnek, iki sahip olunan tasarım revizyonunu kesin piksel istatistikleriyle karşılaştırır.

Rehberi takip et
GERÇEK KAYNAK GÖRSELLERİ VE DOĞRULANMIŞ İNDİRME
Önce Bu makale için yan yana düzenlenmiş her iki gerçek kaynak tasarım revizyonu.

Bu makale için yan yana düzenlenmiş her iki gerçek kaynak tasarım revizyonu.

Sonra İki hizalanmış tasarım görselinin gerçek dışa aktarılmış ısı haritası.

İki hizalanmış tasarım görselinin gerçek dışa aktarılmış ısı haritası.

Bu makale için yan yana düzenlenmiş her iki gerçek kaynak tasarım revizyonu. İki hizalanmış tasarım görselinin gerçek dışa aktarılmış ısı haritası.
Reklamlar
HIZLI VİDEO EĞİTİMİ See what changed. Compare two images. Compare two design images with a swipe divider, inspect their pixel-difference heatmap and download one PNG comparison. İngilizce seslendirme Videoyu izle

See what changed. Compare two images.

Reklamlar

Kaydır, Yan yana, Katman veya Fark ısı haritası ile bir öncesi-sonrası çiftini incelemek için Resimleri Karşılaştır'ı kullanın. İkinci resmi hizalayın, her ikisini de senkronize yakınlaştırma ile inceleyin ve ihtiyacınız olan görünümü dışa aktarın. Bu örnek, iki sahip olunan tasarım revizyonunu kesin piksel istatistikleriyle karşılaştırır. Görselleri Karşılaştır aç.

01

İki sürümü tutarlı bir sırada yükleyin

Resimleri Karşılaştır'ı açın ve iki dosya seçin veya iki örnek tasarım revizyonunu yüklemek için örneği açın. A ilk resim, B ise ikinci resimdir.

İlk resim karşılaştırma çerçevesini belirler. Örnek için her iki kaynak da 1200 × 850 pikseldir, bu nedenle Orijinal pikseller · 100% ikinci resim ölçeği ve sıfır ofset ile ortalanmış, yeniden boyutlandırma olmadan eşleşen konumları karşılaştırır.

Girdiler JPG, PNG, WebP, GIF veya BMP olabilir, her biri 25 MB'a kadar. Araç, karşılaştırma için tam olarak iki resim kabul eder. Animasyonlu girdiler ilk sabit karelerini kullanır.

Adil bir dışa aktarma karşılaştırması için mümkün olduğunda aynı kırpmayı ve boyutları kullanın. Kaydırılmış bir resim, içeriği değişmemiş olsa bile büyük bir piksel farkı oluşturabilir.

02

Çifti doğru görünümle inceleyin

Kaydır, resimlerin üzerinde bir ayırıcı ile başlar. 100% görüntüleyici yakınlaştırmasında sürükleyin veya sınırı hareket ettirmek için Göster / katman kullanın. Örnek revizyonlar bir başlığı, bir düğmeyi ve küçük illüstrasyon detaylarını değiştirir.

Yan yana, her iki tam hizalı çerçeveyi de yan yana gösterir. Katman, onları harmanlar, bu da kaydırılmış bir kenarı fark etmeyi kolaylaştırabilir. Fark, kaynak renkler yerine bir yoğunluk ısı haritası gösterir.

Görüntüleyici yakınlaştırması 100% ile 400% arasında değişir; büyütülmüş görünümü kaydırmak için sürükleyin. Her iki resim birlikte hareket eder. Yakınlaştırma yalnızca incelemeyi etkiler, bu nedenle kaydedilen karşılaştırma yine de tam çerçeveyi içerir.

Tasarım incelemesi için Kaydır'ı, hizalama için Katman'ı ve küçük piksel değişiklikleri için Fark'ı kullanın.

Bu kılavuzdaki örnek

İki adet 1200 × 850 PNG tasarım revizyonu; Orijinal pikseller · ortalanmış; 100% ikinci görsel ölçeği; sıfır X/Y ofsetleri; Fark toleransı 0%; Fark görünümü; PNG dışa aktarımı.

Karşılaştırılan ızgara
1200 × 850 / 1,020,000 piksel
Değişen pikseller
35,683 / yaklaşık 3.50%
Ortalama RGB farkı
Yaklaşık 1.08%
Çıktı
1200 × 850 PNG ısı haritası
03

Ölçümleri hizalayın ve yorumlayın

Boyutlar farklı olduğunda, İkinci resim hizalaması Orijinal pikseller · ortalanmış, İlk resmin içine sığdır ve İlk resim çerçevesini doldur seçeneklerini sunar. Daha ince ayar için ölçek ve piksel ofsetlerini kullanın. İlk resmin çerçevesinin dışındaki içerik hariç tutulur.

Bu çift için orijinal piksel varsayılanlarını ve Fark toleransını 0%'de tutun. Gerçek ölçülen sonuç, 1,020,000 üzerinden 35,683 değişen piksel içerir, yaklaşık %3.50. Ortalama RGB farkı yaklaşık %1.08'tir.

Değişen piksel payı, en büyük RGB kanal farkı toleransı aşan pikselleri sayar. Ortalama RGB farkı, karşılaştırılan tüm piksellerdeki ortalama mutlak kanal değişimini ölçer ve toleransı artırdığınızda kaybolmaz.

Şeffaflık beyaz üzerine birleştirilir. 16 megapikselden veya kenar başına 8192 pikselden büyük bir ızgara küçültülür ve açıkça yeniden örneklenmiş olarak etiketlenir. Bir kaynağı ölçeklendirmek de yeniden örneklenmiş ölçümler oluşturur. Bu sayılar algısal kalite puanları değil, piksel karşılaştırmalarıdır.

JPEG sıkıştırması birçok ince piksel değerini değiştirebilir. Bir tolerans bu küçük değişiklikleri bastırabilir, ancak bir tasarım revizyonunun daha iyi olup olmadığını belirleyemez.

04

Tek bir karşılaştırma resmi dışa aktarın

Fark'ı seçin, PNG değerini belirleyin ve örnek için Başlat'a tıklayın. İndir, yukarıdaki karşılaştırmada gösterilen gerçek 1200 × 850 ısı haritasını kaydeder.

Önce paneli, her iki kaynak tasarımı yan yana içerir; bu makale için yapılmış bir iletişim sayfasıdır. Sonra paneli ise gerçek dışa aktarılmış ısı haritasıdır. Koyu alanlar sıfır eşiğinin üzerinde bir değişiklik olmadığını gösterir; renkli alanlar ise farklılıkları gösterir.

Diğer görünüm modları kendi eşleşen kompozisyonlarını dışa aktarır. Yan yana görünüm ızgara genişliğini ikiye katlarken, Kaydır ve Bindirme tek bir kare olarak kalır. Dışa aktarma ızgarası 16 megapiksel ile sınırlandırılmıştır, bu da 32 megapiksele kadar iki panelli bir sonuca izin verir.

Daha fazla çalışma için her iki orijinal görseli de saklayın. Çıktı, düzenlenebilir bir proje yerine düzleştirilmiş bir PNG veya JPG karşılaştırmasıdır ve görüntüleyici yakınlaştırması dışa aktarılan sonucu kırpmaz.

Tam bir dosya kimliği kontrolüne ihtiyacınız varsa, piksel karşılaştırması yeterli değildir: meta veriler, kodlama ve ölçülen çerçevenin dışındaki pikseller farklı olabilir.

FAYDALI AYRINTILAR

Sıkça sorulan sorular

0% değişim, dosyaların aynı olduğu anlamına mı gelir?

Bu, ölçülen hizalı piksellerin toleransınızı aşmadığı anlamına gelir. Dosyalar meta veriler, kodlama, şeffaf RGB değerleri veya ölçülen çerçevenin dışındaki içerik bakımından yine de farklılık gösterebilir. Temsil edilen her RGB farkını tespit etmek için sıfır tolerans kullanın.

Farklı görsel boyutlarını karşılaştırabilir miyim?

Evet. İkinci görselin ilk çerçeveye nasıl sığacağını seçin ve ölçeğini veya ofsetini ayarlayın. Arayüz yeniden örneklenmiş ölçümleri etiketler ve ilk çerçevenin dışındaki her şey hariç tutulur.

Neden aynı görünmesine rağmen JPEG değişiklik gösteriyor?

Kayıplı kodlama, görsel genelinde küçük piksel değerlerini değiştirebilir. Küçük kanal farklarını hariç tutmak için Fark toleransını artırın, ancak ortalama RGB farkının hala ölçülen tüm farkları bildirdiğini unutmayın.

Dışa aktarım yakınlaştırılmış kırpmamı içeriyor mu?

Hayır. Görüntüleyici yakınlaştırma ve kaydırma yalnızca inceleme içindir. İndirme, seçilen görünümdeki tam karşılaştırma çerçevesini kullanır.

Görsel farkları yapay zeka ile mi hesaplanıyor?

Hayır. Araç, tarayıcınızda mutlak RGB piksel farklarını hesaplar. Anlamsal tanıma kullanmaz veya algısal benzerlik puanı iddia etmez.

Yan yana karşılaştırmayı dışa aktarabilir miyim?

Evet. Başlatmadan önce Yan yana seçeneğini seçin. Her iki hizalı çerçeveyi, karşılaştırma ızgarası genişliğinin iki katı olacak şekilde tek bir PNG veya JPG görseline aktarır. Görüntüleyici yakınlaştırması bunu kırpmaz.

SIRA SİZDE

Dikkatlice kontrol edilmiş kendi sonucunuzu oluşturun

Bir örnek deneyin veya kendi dosyanızı kullanın ve paylaşmadan önce sonucu inceleyin.

Görselleri Karşılaştır aç

Görsel detayı

Dil38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Dilinizi seçin. Video eğitimleri şu anda İngilizce anlatım kullanmaktadır.