Baskı Boyutu ve DPI 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>Baskı Boyutu ve DPI Hesaplama - Ücretsiz Online Araç</title>
<meta name="description" content="Piksel boyutundan baskı boyutunu (cm/inç), veya istediğiniz baskı boyutundan gereken piksel sayısını DPI'a göre 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="Baskı Boyutu ve DPI Hesaplama - Ücretsiz Online Araç">
<meta property="og:description" content="Piksel boyutundan baskı boyutunu, veya baskı boyutundan gereken piksel sayısını DPI'a göre 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": "Baskı Boyutu ve DPI Hesaplama Aracı",
"description": "Piksel boyutu ve DPI değerinden baskı boyutunu (cm/inç), veya istenen baskı boyutu ve DPI değerinden gereken piksel sayısını 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": "DPI nedir?",
"acceptedAnswer": { "@type": "Answer", "text": "DPI (Dots Per Inch), bir baskının her bir inçlik alanında kaç nokta/piksel bulunduğunu gösteren birimdir. DPI değeri ne kadar yüksekse, baskı o kadar keskin ve detaylı görünür." }
},
{
"@type": "Question",
"name": "Piksel boyutundan baskı boyutu nasıl hesaplanır?",
"acceptedAnswer": { "@type": "Answer", "text": "Baskı boyutu, piksel sayısının DPI değerine bölünmesiyle inç cinsinden bulunur: Baskı Boyutu (inç) = Piksel / DPI. Bulunan inç değeri 2.54 ile çarpılarak santimetreye çevrilebilir." }
},
{
"@type": "Question",
"name": "Baskı için ideal DPI değeri kaç olmalıdır?",
"acceptedAnswer": { "@type": "Answer", "text": "Yüksek kaliteli fotoğraf baskıları için genellikle 300 DPI önerilir. Afiş, branda gibi uzaktan görüntülenecek büyük baskılarda 150 DPI veya daha düşük değerler de yeterli olabilir. Ekranda görüntüleme için ise 72-96 DPI yaygın olarak kullanılır." }
},
{
"@type": "Question",
"name": "İstediğim baskı boyutu için kaç piksel gerekir?",
"acceptedAnswer": { "@type": "Answer", "text": "Gereken piksel sayısını bulmak için istediğiniz baskı boyutunu (inç cinsinden) DPI değeriyle çarpmanız yeterlidir: Piksel = Baskı Boyutu (inç) x DPI. Bu araçtaki \"Baskı Boyutu → Piksel\" modu bu hesaplamayı sizin için otomatik yapar." }
}
]
}
</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; }
select, 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; font-family:inherit; }
select:focus, 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; }
.mode-fields { display:none; }
.mode-fields.active { display:block; }
.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.1rem; 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>Baskı Boyutu ve DPI Hesaplama Aracı</h1>
<p>Piksel boyutundan baskı ölçüsünü veya istediğiniz baskı boyutundan gereken pikseli hesaplayı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="field">
<label for="modeSelect">Hesaplama Yönü</label>
<select id="modeSelect" onchange="toggleMode()">
<option value="toPrint">Piksel → Baskı Boyutu</option>
<option value="toPixel">Baskı Boyutu → Piksel</option>
</select>
</div>
<div class="mode-fields active" id="mode-toPrint">
<div class="grid">
<div class="field">
<label for="pxWidth">Piksel Genişlik</label>
<input type="text" inputmode="decimal" id="pxWidth" placeholder="Örn: 3000">
</div>
<div class="field">
<label for="pxHeight">Piksel Yükseklik</label>
<input type="text" inputmode="decimal" id="pxHeight" placeholder="Örn: 2000">
</div>
</div>
</div>
<div class="mode-fields" id="mode-toPixel">
<div class="grid">
<div class="field">
<label for="cmWidth">Baskı Genişlik (cm)</label>
<input type="text" inputmode="decimal" id="cmWidth" placeholder="Örn: 21">
</div>
<div class="field">
<label for="cmHeight">Baskı Yükseklik (cm)</label>
<input type="text" inputmode="decimal" id="cmHeight" placeholder="Örn: 14.8">
</div>
</div>
</div>
<div class="field">
<label for="dpi">DPI</label>
<input type="text" inputmode="decimal" id="dpi" placeholder="Örn: 300">
<div class="hint">Fotoğraf baskısı için yaygın değer: 300 DPI</div>
</div>
<button class="btn" onclick="hesaplaDPI()">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" id="resLabel1">Baskı Genişlik</div>
<div class="value" id="resValue1">-</div>
</div>
<div class="result-item highlight">
<div class="label" id="resLabel2">Baskı Yükseklik</div>
<div class="value" id="resValue2">-</div>
</div>
</div>
</div>
</main>
<!-- [reklam:arac-alt] -->
<div class="ad-slot"></div>
<section class="seo">
<h2>Baskı Boyutu ve DPI Hesaplama Nedir?</h2>
<p>Dijital bir görseli bastırmadan önce, görselin piksel boyutunun seçilen DPI (inç başına nokta sayısı) değerine göre gerçekte kaç santimetre veya inç boyutunda basılacağını bilmek, baskı kalitesinin bozulmamasını sağlamak için kritik önem taşır. Düşük çözünürlüklü bir görseli büyük boyutta bastırmaya çalışmak bulanık veya pikselli sonuçlara yol açarken, gereksiz yere yüksek çözünürlüklü dosyalar kullanmak da dosya boyutunu şişirir. Bu araç, piksel ve DPI ilişkisini kullanarak hem mevcut bir görselin kaç cm'de basılabileceğini hem de hedeflediğiniz bir baskı boyutu için kaç piksele ihtiyacınız olduğunu hesaplamanızı sağlar.</p>
<h2>Nasıl Kullanılır?</h2>
<p>Elinizde bir görsel varsa ve bunun hangi boyutta basılabileceğini öğrenmek istiyorsanız, "Piksel → Baskı Boyutu" modunu seçip görselin piksel genişlik ve yükseklik değerlerini girin. Belirli bir baskı boyutu için kaç piksele ihtiyacınız olduğunu öğrenmek istiyorsanız, "Baskı Boyutu → Piksel" modunu seçip hedeflediğiniz genişlik ve yükseklik değerlerini santimetre cinsinden girin. Her iki modda da kullanmak istediğiniz DPI değerini girmeniz gerekir; fotoğraf baskısı için 300 DPI yaygın bir tercihtir. "Hesapla" butonuna bastığınızda sonuç anında görüntülenir. 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>DPI nedir?</summary>
<p>DPI (Dots Per Inch), bir baskının her bir inçlik alanında kaç nokta/piksel bulunduğunu gösteren birimdir. DPI değeri ne kadar yüksekse, baskı o kadar keskin ve detaylı görünür.</p>
</details>
<details>
<summary>Piksel boyutundan baskı boyutu nasıl hesaplanır?</summary>
<p>Baskı boyutu, piksel sayısının DPI değerine bölünmesiyle inç cinsinden bulunur: Baskı Boyutu (inç) = Piksel / DPI. Bulunan inç değeri 2.54 ile çarpılarak santimetreye çevrilebilir.</p>
</details>
<details>
<summary>Baskı için ideal DPI değeri kaç olmalıdır?</summary>
<p>Yüksek kaliteli fotoğraf baskıları için genellikle 300 DPI önerilir. Afiş, branda gibi uzaktan görüntülenecek büyük baskılarda 150 DPI veya daha düşük değerler de yeterli olabilir. Ekranda görüntüleme için ise 72-96 DPI yaygın olarak kullanılır.</p>
</details>
<details>
<summary>İstediğim baskı boyutu için kaç piksel gerekir?</summary>
<p>Gereken piksel sayısını bulmak için istediğiniz baskı boyutunu (inç cinsinden) DPI değeriyle çarpmanız yeterlidir: Piksel = Baskı Boyutu (inç) x DPI. Bu araçtaki "Baskı Boyutu → Piksel" modu bu hesaplamayı sizin için otomatik yapar.</p>
</details>
</section>
</div>
<script>
function toggleMode() {
var mode = document.getElementById("modeSelect").value;
var groups = document.querySelectorAll(".mode-fields");
for (var i = 0; i < groups.length; i++) {
groups[i].classList.remove("active");
}
document.getElementById("mode-" + mode).classList.add("active");
clearWarning();
document.getElementById("resultBox").classList.remove("show");
}
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 hesaplaDPI() {
clearWarning();
var mode = document.getElementById("modeSelect").value;
var dpi = parseFloat(document.getElementById("dpi").value.replace(",", "."));
if (isNaN(dpi) || dpi <= 0) {
showWarning("Lütfen geçerli bir DPI değeri girin (0'dan büyük olmalı).");
return;
}
if (mode === "toPrint") {
var pxWidth = parseFloat(document.getElementById("pxWidth").value.replace(",", "."));
var pxHeight = parseFloat(document.getElementById("pxHeight").value.replace(",", "."));
if (isNaN(pxWidth) || pxWidth <= 0 || isNaN(pxHeight) || pxHeight <= 0) {
showWarning("Lütfen geçerli piksel genişlik ve yükseklik değerleri girin (0'dan büyük olmalı).");
return;
}
var inchWidth = pxWidth / dpi;
var inchHeight = pxHeight / dpi;
var cmWidth = inchWidth * 2.54;
var cmHeight = inchHeight * 2.54;
document.getElementById("resLabel1").textContent = "Baskı Genişlik";
document.getElementById("resValue1").textContent = roundNice(cmWidth) + " cm (" + roundNice(inchWidth) + "\")";
document.getElementById("resLabel2").textContent = "Baskı Yükseklik";
document.getElementById("resValue2").textContent = roundNice(cmHeight) + " cm (" + roundNice(inchHeight) + "\")";
} else {
var cmW = parseFloat(document.getElementById("cmWidth").value.replace(",", "."));
var cmH = parseFloat(document.getElementById("cmHeight").value.replace(",", "."));
if (isNaN(cmW) || cmW <= 0 || isNaN(cmH) || cmH <= 0) {
showWarning("Lütfen geçerli baskı genişlik ve yükseklik değerleri girin (cm cinsinden, 0'dan büyük olmalı).");
return;
}
var reqPxWidth = (cmW / 2.54) * dpi;
var reqPxHeight = (cmH / 2.54) * dpi;
document.getElementById("resLabel1").textContent = "Gereken Piksel Genişlik";
document.getElementById("resValue1").textContent = Math.round(reqPxWidth) + " px";
document.getElementById("resLabel2").textContent = "Gereken Piksel Yükseklik";
document.getElementById("resValue2").textContent = Math.round(reqPxHeight) + " px";
}
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.