Ekran Piksel Yoğunluğu (PPI) Hesaplama
Ham HTML
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ekran Piksel Yoğunluğu (PPI) Hesaplama - Ücretsiz Araç</title>
<meta name="description" content="Çözünürlük ve ekran köşegen boyutunu girin; PPI (piksel yoğunluğu) değerini ve ekranın fiziksel boyutlarını anında hesaplayın. %100 tarayıcıda çalışır.">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="Ekran Piksel Yoğunluğu (PPI) Hesaplama - Ücretsiz Araç">
<meta property="og:description" content="Çözünürlük ve ekran köşegen boyutunu girin; PPI değerini ve fiziksel boyutları anında hesaplayın. %100 tarayıcıda çalışır.">
<meta name="theme-color" content="#6366f1">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Ekran Piksel Yoğunluğu (PPI) Hesaplama Aracı",
"description": "Ekran çözünürlüğü ve köşegen boyutundan piksel yoğunluğunu (PPI) ve ekranın fiziksel genişlik-yükseklik ölçülerini hesaplayan ücretsiz online araç.",
"applicationCategory": "UtilitiesApplication",
"operatingSystem": "Any",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "TRY" }
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "PPI (Pixels Per Inch) nedir?",
"acceptedAnswer": { "@type": "Answer", "text": "PPI, bir ekranın her bir inçlik alanında kaç piksel barındırdığını gösteren bir ölçüdür. PPI değeri ne kadar yüksekse, görüntü o kadar keskin ve net görünür; bu nedenle özellikle akıllı telefon ve monitör karşılaştırmalarında sık kullanılır." }
},
{
"@type": "Question",
"name": "PPI nasıl hesaplanır?",
"acceptedAnswer": { "@type": "Answer", "text": "PPI, yatay ve dikey piksel sayılarının karelerinin toplamının kareköküyle bulunan köşegen piksel sayısının, ekranın inç cinsinden köşegen uzunluğuna bölünmesiyle hesaplanır: PPI = √(Genişlik² + Yükseklik²) / Köşegen (inç)." }
},
{
"@type": "Question",
"name": "Yüksek PPI değeri ne anlama gelir?",
"acceptedAnswer": { "@type": "Answer", "text": "Yüksek PPI değeri, aynı fiziksel alana daha fazla piksel sığdığı, dolayısıyla görüntünün daha keskin, metinlerin daha net ve tek tek piksellerin çıplak gözle fark edilmediği anlamına gelir. Günümüz akıllı telefonlarında 400-500 PPI aralığı yaygındır." }
},
{
"@type": "Question",
"name": "PPI ile DPI arasındaki fark nedir?",
"acceptedAnswer": { "@type": "Answer", "text": "PPI (Pixels Per Inch) dijital ekranlardaki piksel yoğunluğunu ifade ederken, DPI (Dots Per Inch) fiziksel baskılardaki nokta yoğunluğunu ifade eder. İki terim bazen birbirinin yerine kullanılsa da teknik olarak farklı bağlamlara aittir." }
}
]
}
</script>
<style>
:root {
--bg:#f5f6fb; --surface:#fff; --surface-2:#f0f2f9; --border:#e3e6f0;
--text:#1d2033; --muted:#6b7089; --primary:#6366f1; --primary-600:#4f46e5;
--primary-soft:#eef0ff; --success:#10b981; --danger:#ef4444; --warning:#f59e0b;
--radius:16px; --shadow:0 10px 30px -12px rgba(30,35,90,.18);
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); line-height:1.55; }
.container { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
header.hero { text-align:center; padding: 28px 0 8px; }
header.hero h1 { font-size: clamp(1.5rem, 4vw, 2rem); margin: 0 0 8px; }
header.hero p { color: var(--muted); margin:0; font-size: 1rem; }
.trust-badge { display:inline-flex; align-items:center; gap:6px; background: var(--primary-soft); color: var(--primary-600); font-size: .8rem; font-weight:600; padding:6px 14px; border-radius:999px; margin-top:12px; }
.ad-slot { min-height: 0; }
.card { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin: 20px 0; }
.field { margin-bottom: 16px; }
.field label { display:block; font-size: .88rem; font-weight:600; margin-bottom:6px; color: var(--text); }
.field .hint { font-size:.78rem; color: var(--muted); margin-top:4px; }
input[type="text"] { width:100%; padding: 12px 14px; border: 1px solid var(--border); background: var(--surface-2); border-radius: 12px; font-size: 1rem; color: var(--text); outline:none; transition: border-color .15s, box-shadow .15s; }
input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; }
.btn { width:100%; padding: 14px 20px; border:none; border-radius: 12px; background: var(--primary); color:#fff; font-size: 1rem; font-weight:700; cursor:pointer; transition: background .15s, transform .05s; margin-top: 6px; }
.btn:hover { background: var(--primary-600); }
.btn:active { transform: scale(.99); }
.warning { display:none; background: #fff4e5; border: 1px solid var(--warning); color:#8a5a00; padding: 12px 14px; border-radius: 12px; font-size:.88rem; margin-top: 14px; }
.warning.show { display:block; }
.result { display:none; margin-top: 20px; border-top: 1px dashed var(--border); padding-top: 18px; }
.result.show { display:block; }
.result-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.result-item { background: var(--surface-2); border-radius: 12px; padding: 14px; text-align:center; }
.result-item .label { font-size:.78rem; color: var(--muted); margin-bottom:6px; }
.result-item .value { font-size: 1.15rem; font-weight:700; color: var(--text); }
.result-item.highlight .value { color: var(--primary-600); }
section.seo h2 { font-size: 1.25rem; margin: 28px 0 10px; }
section.seo p { color: var(--text); font-size: .96rem; }
details { background: var(--surface); border:1px solid var(--border); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; box-shadow: var(--shadow); }
summary { cursor:pointer; font-weight:600; font-size:.95rem; }
details p { margin: 10px 0 0; color: var(--muted); font-size:.9rem; }
@media (max-width:480px) { .card { padding:18px; } }
</style>
</head>
<body>
<div class="container">
<header class="hero">
<h1>Ekran Piksel Yoğunluğu (PPI) Hesaplama Aracı</h1>
<p>Çözünürlük ve köşegen boyutunu girin; ekranınızın PPI değerini ve fiziksel ölçülerini görün.</p>
<span class="trust-badge">🔒 %100 Tarayıcıda — Veriniz Hiçbir Yere Gönderilmez</span>
</header>
<!-- [reklam:arac-header] -->
<div class="ad-slot"></div>
<main class="card">
<div class="grid">
<div class="field">
<label for="resWidth">Yatay Çözünürlük (px)</label>
<input type="text" inputmode="decimal" id="resWidth" placeholder="Örn: 1920">
</div>
<div class="field">
<label for="resHeight">Dikey Çözünürlük (px)</label>
<input type="text" inputmode="decimal" id="resHeight" placeholder="Örn: 1080">
</div>
</div>
<div class="field">
<label for="diagonal">Ekran Köşegen Boyutu (inç)</label>
<input type="text" inputmode="decimal" id="diagonal" placeholder="Örn: 24">
</div>
<button class="btn" onclick="hesaplaPPI()">Hesapla</button>
<div class="warning" id="warningBox"></div>
<div class="result" id="resultBox">
<div class="result-grid">
<div class="result-item highlight">
<div class="label">PPI (Piksel Yoğunluğu)</div>
<div class="value" id="resPPI">-</div>
</div>
<div class="result-item">
<div class="label">Ekran Genişliği</div>
<div class="value" id="resWidthCm">-</div>
</div>
<div class="result-item">
<div class="label">Ekran Yüksekliği</div>
<div class="value" id="resHeightCm">-</div>
</div>
</div>
</div>
</main>
<!-- [reklam:arac-alt] -->
<div class="ad-slot"></div>
<section class="seo">
<h2>Ekran Piksel Yoğunluğu (PPI) Nedir?</h2>
<p>PPI (Pixels Per Inch), bir ekranın her bir inçlik alanında kaç piksel barındırdığını gösteren ve ekranın görüntü keskinliğini belirleyen önemli bir teknik değerdir. Aynı çözünürlüğe sahip iki ekran, farklı fiziksel boyutlarda olduğunda birbirinden çok farklı PPI değerlerine sahip olabilir; küçük ekranlarda aynı piksel sayısı daha yüksek yoğunluk, dolayısıyla daha keskin bir görüntü anlamına gelir. Akıllı telefon, monitör veya televizyon seçerken PPI değerini bilmek, ekranın ne kadar net ve detaylı görüntü sunacağı konusunda fikir verir.</p>
<h2>Nasıl Kullanılır?</h2>
<p>Aracı kullanmak için ekranınızın yatay ve dikey çözünürlüğünü piksel cinsinden "Yatay Çözünürlük" ve "Dikey Çözünürlük" alanlarına, ekranın köşegen uzunluğunu ise inç cinsinden "Ekran Köşegen Boyutu" alanına girin (örneğin 24 inçlik bir monitör için 24). "Hesapla" butonuna bastığınızda araç size ekranın PPI değerini ve fiziksel genişlik-yükseklik ölçülerini santimetre cinsinden gösterir. Farklı ekranları karşılaştırmak için değerleri değiştirip tekrar hesaplayabilirsiniz. Tüm işlem tarayıcınızda yapılır, hiçbir veri kaydedilmez veya gönderilmez.</p>
<h2>Sıkça Sorulan Sorular</h2>
<details>
<summary>PPI (Pixels Per Inch) nedir?</summary>
<p>PPI, bir ekranın her bir inçlik alanında kaç piksel barındırdığını gösteren bir ölçüdür. PPI değeri ne kadar yüksekse, görüntü o kadar keskin ve net görünür; bu nedenle özellikle akıllı telefon ve monitör karşılaştırmalarında sık kullanılır.</p>
</details>
<details>
<summary>PPI nasıl hesaplanır?</summary>
<p>PPI, yatay ve dikey piksel sayılarının karelerinin toplamının kareköküyle bulunan köşegen piksel sayısının, ekranın inç cinsinden köşegen uzunluğuna bölünmesiyle hesaplanır: PPI = √(Genişlik² + Yükseklik²) / Köşegen (inç).</p>
</details>
<details>
<summary>Yüksek PPI değeri ne anlama gelir?</summary>
<p>Yüksek PPI değeri, aynı fiziksel alana daha fazla piksel sığdığı, dolayısıyla görüntünün daha keskin, metinlerin daha net ve tek tek piksellerin çıplak gözle fark edilmediği anlamına gelir. Günümüz akıllı telefonlarında 400-500 PPI aralığı yaygındır.</p>
</details>
<details>
<summary>PPI ile DPI arasındaki fark nedir?</summary>
<p>PPI (Pixels Per Inch) dijital ekranlardaki piksel yoğunluğunu ifade ederken, DPI (Dots Per Inch) fiziksel baskılardaki nokta yoğunluğunu ifade eder. İki terim bazen birbirinin yerine kullanılsa da teknik olarak farklı bağlamlara aittir.</p>
</details>
</section>
</div>
<script>
function showWarning(msg) {
var box = document.getElementById("warningBox");
box.textContent = msg;
box.classList.add("show");
document.getElementById("resultBox").classList.remove("show");
}
function clearWarning() {
var box = document.getElementById("warningBox");
box.textContent = "";
box.classList.remove("show");
}
function roundNice(value) {
var rounded = Math.round(value * 100) / 100;
if (Number.isInteger(rounded)) return rounded.toString();
return rounded.toFixed(2);
}
function hesaplaPPI() {
clearWarning();
var width = parseFloat(document.getElementById("resWidth").value.replace(",", "."));
var height = parseFloat(document.getElementById("resHeight").value.replace(",", "."));
var diagonal = parseFloat(document.getElementById("diagonal").value.replace(",", "."));
if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
showWarning("Lütfen geçerli yatay ve dikey çözünürlük değerleri girin (0'dan büyük olmalı).");
return;
}
if (isNaN(diagonal) || diagonal <= 0) {
showWarning("Lütfen geçerli bir ekran köşegen boyutu girin (inç cinsinden, 0'dan büyük olmalı).");
return;
}
var diagonalPx = Math.sqrt(width * width + height * height);
var ppi = diagonalPx / diagonal;
var widthInch = width / ppi;
var heightInch = height / ppi;
var widthCm = widthInch * 2.54;
var heightCm = heightInch * 2.54;
document.getElementById("resPPI").textContent = roundNice(ppi) + " PPI";
document.getElementById("resWidthCm").textContent = roundNice(widthCm) + " cm";
document.getElementById("resHeightCm").textContent = roundNice(heightCm) + " cm";
document.getElementById("resultBox").classList.add("show");
}
</script>
</body>
</html>
Kategori
Görsel ve Medya Araçları
MMUTLU.CMS
Kurumsal web siteleri için içerik yönetim sistemi.
© 2026 Mutlu DoğruBu site MUTLU.CMS ile yayınlanmaktadır.