https://www.screensnap.pro/_next/static/chunks/pages/tools/sepia-filter-700299b7db6a2d51.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[137],{33670:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/sepia-filter",function(){return s(15202)}])},58682:function(e,t,s){"use strict";s.d(t,{Z:function(){return FaqSection}});var a=s(74817),r=s(67833);function FaqSection(e){let{items:t,title:s}=e,{t:i}=(0,r.Z)("common"),n=null!=s?s:i("faq.heading");return(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:n}),(0,a.jsx)("div",{className:"space-y-4",children:t.map((e,t)=>(0,a.jsxs)("details",{open:0===t,className:"group bg-fg/[0.03] border border-fg/[0.08] rounded-xl",children:[(0,a.jsxs)("summary",{className:"flex items-center justify-between p-4 cursor-pointer text-fg font-medium text-sm",children:[e.question,(0,a.jsx)("span",{className:"text-fg-500 group-open:rotate-45 transition-transform text-lg",children:"+"})]}),(0,a.jsx)("div",{className:"px-4 pb-4 text-fg-400 text-sm",children:e.answer})]},t))})]})}},78385:function(e,t,s){"use strict";s.d(t,{i:function(){return breadcrumbSchema}});let a="https://www.screensnap.pro";function breadcrumbSchema(e,t,s){let r=s&&"en"!==s?"/".concat(s):"",i=r?"".concat(a).concat(r):a;return{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:i},{"@type":"ListItem",position:2,name:"Tools",item:"".concat(a).concat(r,"/tools")},{"@type":"ListItem",position:3,name:e,item:"".concat(a).concat(r,"/tools/").concat(t)}]}}},15202:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return w},default:function(){return Page}});var a=s(74817),r=s(36497),i=s(54389),n=s.n(i),l=s(37518),o=s.n(l),c=s(6351),d=s(30415),m=s(25092),x=s(26048),p=s(58682),g=s(78385),h=s(71248),f=s(81918),u=s(43798),b=s(28013);function SepiaFilterWorkspace(e){var t;let{strings:s}=e,[r,i]=(0,h.useState)(null),[n,l]=(0,h.useState)(!1),[o,c]=(0,h.useState)(null),[d,x]=(0,h.useState)(!1),[p,g]=(0,h.useState)(100),j=(0,h.useRef)(null),v=(0,h.useCallback)(e=>{if(!e||0===e.length)return;let t=e[0];if(!t.type.startsWith("image/"))return;let s=new FileReader;s.onload=e=>{var s;let a=new Image;a.onload=()=>{var s;i({id:Math.random().toString(36).substr(2,9),file:t,name:t.name,size:t.size,preview:null===(s=e.target)||void 0===s?void 0:s.result,width:a.width,height:a.height}),c(null)},a.src=null===(s=e.target)||void 0===s?void 0:s.result},s.readAsDataURL(t)},[]),N=(0,h.useCallback)(e=>{e.preventDefault(),l(!1),v(e.dataTransfer.files)},[v]),w=(0,h.useCallback)(()=>{if(!r)return;x(!0);let e=new Image;e.onload=()=>{let t=document.createElement("canvas");t.width=e.width,t.height=e.height;let s=t.getContext("2d");if(!s)return;s.drawImage(e,0,0);let a=s.getImageData(0,0,t.width,t.height),r=a.data,i=p/100;for(let e=0;e<r.length;e+=4){let t=r[e],s=r[e+1],a=r[e+2],n=Math.min(255,.393*t+.769*s+.189*a),l=Math.min(255,.349*t+.686*s+.168*a),o=Math.min(255,.272*t+.534*s+.131*a);r[e]=Math.round(t+(n-t)*i),r[e+1]=Math.round(s+(l-s)*i),r[e+2]=Math.round(a+(o-a)*i)}s.putImageData(a,0,0),t.toBlob(e=>{e&&(o&&URL.revokeObjectURL(o),c(URL.createObjectURL(e)),x(!1))},"image/png")},e.src=r.preview},[r,o,p]);return(0,h.useEffect)(()=>{r&&w()},[r,p]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15] mb-8",children:(0,a.jsxs)("div",{className:"border-2 border-dashed rounded-xl p-10 text-center cursor-pointer transition-all ".concat(n?"border-purple-400 bg-purple-500/10":"border-fg/20 hover:border-purple-300/50 hover:bg-fg/[0.02]"),onDragOver:e=>{e.preventDefault(),l(!0)},onDragLeave:()=>l(!1),onDrop:N,onClick:()=>{var e;return null===(e=j.current)||void 0===e?void 0:e.click()},children:[(0,a.jsx)(f.Z,{className:"w-12 h-12 mx-auto text-fg-500 mb-4"}),(0,a.jsx)("p",{className:"text-fg mb-2",children:s.dropPrompt}),(0,a.jsx)("p",{className:"text-fg-500 text-sm",children:s.dropFormats}),(0,a.jsx)("input",{ref:j,type:"file",accept:"image/*",className:"hidden",onChange:e=>v(e.target.files)})]})}),r&&(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15] mb-8",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsx)("span",{className:"text-fg-300 text-sm",children:s.intensityLabel}),(0,a.jsxs)("span",{className:"text-purple-400 font-medium",children:[p,"%"]})]}),(0,a.jsx)("input",{type:"range",min:"0",max:"100",value:p,onChange:e=>g(Number(e.target.value)),className:"w-full h-2 bg-fg/10 rounded-lg appearance-none cursor-pointer accent-purple-500"}),(0,a.jsxs)("div",{className:"flex justify-between text-xs text-fg-500 mt-1",children:[(0,a.jsx)("span",{children:s.subtleMarker}),(0,a.jsx)("span",{children:s.fullSepiaMarker})]})]}),r&&(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15] mb-8",children:[(0,a.jsxs)("div",{className:"grid sm:grid-cols-2 gap-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-fg-400 text-sm block mb-2",children:s.originalLabel}),(0,a.jsx)("img",{src:r.preview,alt:s.originalLabel,className:"w-full rounded-lg bg-fg/5 object-contain max-h-64"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-fg-400 text-sm block mb-2",children:s.sepiaLabel}),o?(0,a.jsx)("img",{src:o,alt:s.sepiaLabel,className:"w-full rounded-lg bg-fg/5 object-contain max-h-64"}):(0,a.jsx)("div",{className:"w-full h-48 rounded-lg bg-fg/5 flex items-center justify-center text-fg-500 text-sm",children:d?s.processingState:s.waitingState})]})]}),(0,a.jsxs)("div",{className:"mt-4 text-sm text-fg-400",children:[r.name," — ",r.width," \xd7 ",r.height," — ",(t=r.size)<1024?t+" B":t<1048576?(t/1024).toFixed(1)+" KB":(t/1048576).toFixed(2)+" MB"]})]}),r&&(0,a.jsxs)("div",{className:"flex flex-wrap gap-3 justify-center mb-12",children:[(0,a.jsx)("button",{onClick:w,disabled:d,className:"px-6 py-3 bg-fg text-canvas hover:bg-fg-100 disabled:opacity-50 font-medium rounded-xl flex items-center gap-2",children:d?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.Z,{className:"w-5 h-5 animate-spin"}),s.processingButton]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(m.Z,{className:"w-5 h-5"}),s.applySepia]})}),o&&(0,a.jsxs)("button",{onClick:()=>

1{if(!o||!r)return;let e=document.createElement("a");e.href=o,e.download="".concat(r.name.replace(/\.[^.]+$/,""),"-sepia.png"),e.click()},className:"px-6 py-3 bg-green-600 hover:bg-green-500 text-white font-medium rounded-xl flex items-center gap-2",children:[(0,a.jsx)(b.Z,{className:"w-5 h-5"}),s.download]}),(0,a.jsx)("button",{onClick:()=>{o&&URL.revokeObjectURL(o),i(null),c(null)},className:"px-6 py-3 bg-fg/10 hover:bg-fg/20 text-fg font-medium rounded-xl",children:s.clear})]})]})}let j={dropPrompt:"Drop an image here or click to upload",dropFormats:"Supports JPG, PNG, WebP, GIF, BMP",intensityLabel:"Sepia Intensity",subtleMarker:"Subtle",fullSepiaMarker:"Full sepia",originalLabel:"Original",sepiaLabel:"Sepia",processingState:"Processing...",waitingState:"Waiting...",processingButton:"Processing...",applySepia:"Apply Sepia",download:"Download",clear:"Clear"};function SepiaFilter(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n(),{children:[(0,a.jsx)("title",{children:"Free Sepia Filter Tool Online | ScreenSnap Pro"}),(0,a.jsx)("meta",{name:"description",content:"Apply a sepia tone to any image online for free. Create warm, vintage photo effects with adjustable intensity. No upload, 100% private."}),(0,a.jsx)("meta",{property:"og:title",content:"Free Sepia Filter Tool Online | ScreenSnap Pro"}),(0,a.jsx)("meta",{property:"og:description",content:"Apply a sepia tone to any image. Create vintage photo effects instantly."}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:image",content:"https://www.screensnap.pro/images/og-image.png"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"WebApplication",name:"Free Sepia Filter Tool Online",description:"Apply a sepia tone to any image online for free",url:"https://www.screensnap.pro/tools/sepia-filter",applicationCategory:"MultimediaApplication",operatingSystem:"Any",isAccessibleForFree:!0,offers:{"@type":"Offer",price:"0",priceCurrency:"USD"}})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is a sepia tone?",acceptedAnswer:{"@type":"Answer",text:"Sepia is a warm, brownish tone that mimics the look of aged photographs. Originally caused by a chemical process in darkroom printing, it gives images a nostalgic, vintage feel."}},{"@type":"Question",name:"Can I adjust the sepia intensity?",acceptedAnswer:{"@type":"Answer",text:"Yes! Use the intensity slider to blend between the original image and full sepia. Lower values give a subtle warm tint, while 100% produces a classic sepia look."}},{"@type":"Question",name:"Does the sepia filter affect image quality?",acceptedAnswer:{"@type":"Answer",text:"The filter applies a mathematical color transformation to each pixel. Resolution and sharpness remain unchanged — only the color values are modified."}},{"@type":"Question",name:"Is this sepia filter tool free?",acceptedAnswer:{"@type":"Answer",text:"Yes, completely free. All processing happens in your browser — your images are never uploaded to any server."}}]})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify((0,g.i)("Sepia Filter Tool","sepia-filter"))}})]}),(0,a.jsxs)("div",{className:"relative bg-gradient-to-br from-canvas-950 via-canvas-900 to-canvas min-h-screen overflow-hidden",children:[(0,a.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,a.jsx)("div",{className:"absolute -top-40 -right-40 w-[500px] h-[500px] bg-gradient-to-br from-fg/[0.08] to-fg/[0.04] rounded-full filter blur-[100px] animate-blob"}),(0,a.jsx)("div",{className:"absolute -bottom-40 -left-40 w-[600px] h-[600px] bg-gradient-to-br from-fg/[0.06] to-fg/[0.03] rounded-full filter blur-[120px] animate-blob animation-delay-2000"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-[size:100px_100px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_50%,black,transparent)]",style:{backgroundImage:"linear-gradient(rgb(var(--color-fg) / 0.02) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--color-fg) / 0.02) 1px, transparent 1px)"}})]}),(0,a.jsx)(c.Z,{}),(0,a.jsx)("main",{className:"relative z-10 pt-32 pb-20",children:(0,a.jsxs)("div",{className:"max-w-3xl mx-auto px-6 lg:px-8",children:[(0,a.jsx)(o(),{href:"/tools",className:"text-purple-300 hover:text-purple-200 transition-colors text-sm mb-8 inl

1ine-block",children:"← Back to Tools"}),(0,a.jsxs)("header",{className:"mb-12",children:[(0,a.jsx)("h1",{className:"text-3xl lg:text-4xl font-bold text-fg tracking-tight mb-4",children:"Sepia Filter — Vintage Photo Effect"}),(0,a.jsx)("p",{className:"text-fg-400 text-lg",children:"Apply a warm sepia tone to any image for a classic vintage look. Adjustable intensity, 100% free and private."})]}),(0,a.jsx)(SepiaFilterWorkspace,{strings:j}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"About the Sepia Filter"}),(0,a.jsxs)("div",{className:"grid sm:grid-cols-2 gap-6 text-fg-300",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83D\uDCF7 Vintage Look"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Sepia toning mimics the warm, brownish tone of aged photographs. It adds an instant nostalgic, timeless quality to any image."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83C\uDF9A️ Adjustable Intensity"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Control how strong the effect is. A subtle 20-30% gives a warm tint, while 100% produces a full vintage sepia look."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83D\uDD12 Private & Secure"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Your photos never leave your device. All processing happens locally in your browser using Canvas pixel manipulation."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"⚡ Instant & Free"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"No signup, no limits, no watermarks. Apply sepia to any image with real-time preview."})]})]})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"How the Sepia Algorithm Works"}),(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:[(0,a.jsx)("p",{className:"text-fg-400 text-sm leading-relaxed mb-3",children:"The sepia effect uses a standard color matrix transformation applied to every pixel in your image. Each pixel's RGB values are recalculated using these formulas:"}),(0,a.jsxs)("ul",{className:"space-y-1 text-fg-400 text-sm",children:[(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Red"})," = (R \xd7 0.393) + (G \xd7 0.769) + (B \xd7 0.189)"]}),(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Green"})," = (R \xd7 0.349) + (G \xd7 0.686) + (B \xd7 0.168)"]}),(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Blue"})," = (R \xd7 0.272) + (G \xd7 0.534) + (B \xd7 0.131)"]})]}),(0,a.jsx)("p",{className:"text-fg-400 text-sm leading-relaxed mt-3",children:"The intensity slider blends between the original and sepia colors, giving you full control over the warmth of the effect."})]})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"How to Apply a Sepia Filter"}),(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:(0,a.jsxs)("ol",{className:"space-y-4",children:[(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"1"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Upload your image"})," — drag and drop or click to select a photo from your device."]})]}),(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"2"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Adjust sepia intensity"})," — use the slider to control how strong the vintage effect appears."]})]}),(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"3"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Download the vintage-toned image"})," — save the sepia result as a PNG file."]})]})]})})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"What is Sepia Tone?"}),(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:(0,a.jsx)("p",{className:"text-sm text-fg-300 leading-relaxed",children:"Sepia tone is a warm, brownish tint that mimics the look of 19th-century photographs. The effect was originally caused by chemical processing with silver sulfide, which gave old photographs their distinctive warm, amber hue. Today, digital sepia filters simulate this look by shifting pixel colors toward warm brown tones. Sepia is popular for creating nostalgic or vintage aesthetics in social media posts, wedding photography, and artistic projects."})})]}),(0,a.jsx)(p.Z,{items:[{question:"What is a sepia tone?",answer:"Sepia is a warm, brownish tone that mimics the look of aged photographs. Originally caused by a chemical process in dar

1kroom printing, it gives images a nostalgic, vintage feel."},{question:"Can I adjust the sepia intensity?",answer:"Yes! Use the intensity slider to blend between the original image and full sepia. Lower values give a subtle warm tint, while 100% produces a classic sepia look."},{question:"Does the sepia filter affect image quality?",answer:"The filter applies a mathematical color transformation to each pixel. Resolution and sharpness remain unchanged — only the color values are modified."},{question:"Is this sepia filter tool free?",answer:"Yes, completely free. All processing happens in your browser — your images are never uploaded to any server."}]}),(0,a.jsxs)("section",{className:"mb-8",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"Learn More"}),(0,a.jsxs)("ul",{className:"space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/blog/edit-screenshot-mac",className:"text-purple-400 hover:text-purple-300 text-sm transition-colors",children:"→ How to Edit Screenshots on Mac"})}),(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/blog/best-screenshot-apps-for-mac",className:"text-purple-400 hover:text-purple-300 text-sm transition-colors",children:"→ Best Screenshot Apps for Mac"})})]})]}),(0,a.jsxs)("section",{children:[(0,a.jsx)("h2",{className:"text-lg font-medium text-fg mb-4",children:"Related Tools"}),(0,a.jsxs)("div",{className:"grid sm:grid-cols-3 gap-4",children:[(0,a.jsx)(o(),{href:"/tools/image-to-grayscale",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 text-purple-400 drop-shadow-[0_0_4px_rgba(168,85,247,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Grayscale"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Black & white"})]})}),(0,a.jsx)(o(),{href:"/tools/invert-colors",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 text-cyan-400 drop-shadow-[0_0_4px_rgba(103,232,249,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Invert Colors"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Negative effect"})]})}),(0,a.jsx)(o(),{href:"/tools/vignette-effect",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(x.Z,{className:"w-4 h-4 text-purple-400 drop-shadow-[0_0_4px_rgba(168,85,247,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Vignette Effect"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Edge darkening"})]})})]})]})]})}),(0,a.jsx)(d.Z,{})]})]})}let v={dropPrompt:"Bild hier ablegen oder zum Hochladen klicken",dropFormats:"Unterst\xfctzt JPG, PNG, WebP, GIF, BMP",intensityLabel:"Sepia-Intensit\xe4t",subtleMarker:"Dezent",fullSepiaMarker:"Voll Sepia",originalLabel:"Original",sepiaLabel:"Sepia",processingState:"Wird verarbeitet…",waitingState:"Wartet…",processingButton:"Wird verarbeitet…",applySepia:"Sepia anwenden",download:"Herunterladen",clear:"Zur\xfccksetzen"};function SepiaFilterDe(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n(),{children:[(0,a.jsx)("title",{children:"Kostenloses Sepia-Filter-Tool online | ScreenSnap Pro"}),(0,a.jsx)("meta",{name:"description",content:"Wende online kostenlos einen Sepia-Ton auf jedes Bild an. Erzeuge warme Vintage-Foto-Effekte mit anpassbarer Intensit\xe4t. Kein Upload, 100 % privat."}),(0,a.jsx)("meta",{property:"og:title",content:"Kostenloses Sepia-Filter-Tool online | ScreenSnap Pro"}),(0,a.jsx)("meta",{property:"og:description",content:"Wende einen Sepia-Ton auf jedes Bild an. Erzeuge sofort Vintage-Foto-Effekte."}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:image",content:"https://www.screensnap.pro/images/og-image.png"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"WebApplication",name:"Free Sepia Filter Tool Online",description:"Apply a sepia tone to any image online for free",url:"https://www.screensnap.pro/de/tools/sepia-filter",applicationCategory:"MultimediaApplication",operatingSystem:"Any",isAccessibleForFree:!0,offers:{"@type":"Offer",price:"0",priceCurrency:"USD"}})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is a sepia tone?",acceptedA

1nswer:{"@type":"Answer",text:"Sepia is a warm, brownish tone that mimics the look of aged photographs. Originally caused by a chemical process in darkroom printing, it gives images a nostalgic, vintage feel."}},{"@type":"Question",name:"Can I adjust the sepia intensity?",acceptedAnswer:{"@type":"Answer",text:"Yes! Use the intensity slider to blend between the original image and full sepia. Lower values give a subtle warm tint, while 100% produces a classic sepia look."}},{"@type":"Question",name:"Does the sepia filter affect image quality?",acceptedAnswer:{"@type":"Answer",text:"The filter applies a mathematical color transformation to each pixel. Resolution and sharpness remain unchanged — only the color values are modified."}},{"@type":"Question",name:"Is this sepia filter tool free?",acceptedAnswer:{"@type":"Answer",text:"Yes, completely free. All processing happens in your browser — your images are never uploaded to any server."}}]})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify((0,g.i)("Sepia Filter Tool","sepia-filter","de"))}})]}),(0,a.jsxs)("div",{className:"relative bg-gradient-to-br from-canvas-950 via-canvas-900 to-canvas min-h-screen overflow-hidden",children:[(0,a.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,a.jsx)("div",{className:"absolute -top-40 -right-40 w-[500px] h-[500px] bg-gradient-to-br from-fg/[0.08] to-fg/[0.04] rounded-full filter blur-[100px] animate-blob"}),(0,a.jsx)("div",{className:"absolute -bottom-40 -left-40 w-[600px] h-[600px] bg-gradient-to-br from-fg/[0.06] to-fg/[0.03] rounded-full filter blur-[120px] animate-blob animation-delay-2000"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-[size:100px_100px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_50%,black,transparent)]",style:{backgroundImage:"linear-gradient(rgb(var(--color-fg) / 0.02) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--color-fg) / 0.02) 1px, transparent 1px)"}})]}),(0,a.jsx)(c.Z,{}),(0,a.jsx)("main",{className:"relative z-10 pt-32 pb-20",children:(0,a.jsxs)("div",{className:"max-w-3xl mx-auto px-6 lg:px-8",children:[(0,a.jsx)(o(),{href:"/tools",className:"text-purple-300 hover:text-purple-200 transition-colors text-sm mb-8 inline-block",children:"← Zur\xfcck zu den Tools"}),(0,a.jsxs)("header",{className:"mb-12",children:[(0,a.jsx)("h1",{className:"text-3xl lg:text-4xl font-bold text-fg tracking-tight mb-4",children:"Sepia-Filter — Vintage-Foto-Effekt"}),(0,a.jsx)("p",{className:"text-fg-400 text-lg",children:"Wende einen warmen Sepia-Ton auf jedes Bild an f\xfcr einen klassischen Vintage-Look. Anpassbare Intensit\xe4t, 100 % kostenlos und privat."})]}),(0,a.jsx)(SepiaFilterWorkspace,{strings:v}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"\xdcber den Sepia-Filter"}),(0,a.jsxs)("div",{className:"grid sm:grid-cols-2 gap-6 text-fg-300",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83D\uDCF7 Vintage-Look"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Sepia-Tonung imitiert den warmen, br\xe4unlichen Ton alter Fotografien. Sie verleiht jedem Bild sofort eine nostalgische, zeitlose Qualit\xe4t."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83C\uDF9A️ Anpassbare Intensit\xe4t"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Bestimme, wie stark der Effekt ausf\xe4llt. Dezente 20–30 % erzeugen einen warmen Hauch, w\xe4hrend 100 % einen vollen Vintage-Sepia-Look liefern."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83D\uDD12 Privat & sicher"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Deine Fotos verlassen niemals dein Ger\xe4t. Die gesamte Verarbeitung l\xe4uft lokal in deinem Browser \xfcber Canvas-Pixelmanipulation."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"⚡ Sofort & kostenlos"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Keine Anmeldung, keine Limits, keine Wasserzeichen. Wende Sepia mit Echtzeitvorschau auf jedes Bild an."})]})]})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"So funktioniert der Sepia-Algorithmus"}),(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:[(0,a.jsx)("p",{className:"text-fg-400 text-sm leading-relaxed mb-3",children:"Der Sepia-Effekt nutzt eine standardisierte Farbmatrix-Transformation, die auf jedes Pixel deines Bildes angewendet wird. Die RGB-Werte jedes Pixels werden mit folgenden Formeln neu berechnet:"}),(0,a.jsxs)("ul",{className:"space-y-1 text-fg-400 text-sm",children:[(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Rot"})," = (R \xd7 0,393) + (G \xd7 0,769) + (B \xd7 0,189)"]}),(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Gr\xfcn"})," = (R \xd7 0,349) + (G \xd7 0,686) + (B \xd7 0,168)"]}),(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Blau"})," = (R \xd7 0,272) + (G \xd7 0,534) + (B \xd7 0,131)"]})]}),(0,a.jsx)("p",{className:"text-fg-400 text-sm leading-relaxed mt-3",children:"Der Intensit\xe4ts-Schieberegler mischt zwischen den Originalfarben und den Sepia-Farben und gibt dir die volle Kontrolle \xfcber die W\xe4rme des Effekts."})]})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"So wendest du einen Sepia-Filter an"}),(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:(0,a.jsxs)("ol",{className:"space-y-4",children:[(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"1"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Lade dein Bild hoch"})," — per Drag-and-drop oder klicke, um ein Foto von deinem Ger\xe4t auszuw\xe4hlen."]})]}),(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"2"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Sepia-Intensit\xe4t anpassen"})," — nutze den Schieberegler, um zu bestimmen, wie stark der Vintage-Effekt erscheint."]})]}),(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"3"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Lade das vintage-get\xf6nte Bild herunter"})," — speichere das Sepia-Ergebnis als PNG-Datei."]})]})]})})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"Was ist ein Sepia-Ton?"}),(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:(0,a.jsx)("p",{className:"text-sm text-fg-300 leading-relaxed",children:"Ein Sepia-Ton ist eine warme, br\xe4unliche F\xe4rbung, die den Look von Fotografien aus dem 19. Jahrhun

1dert nachahmt. Der Effekt entstand urspr\xfcnglich durch die chemische Verarbeitung mit Silbersulfid, das alten Fotografien ihren charakteristischen warmen, bernsteinfarbenen Schimmer verlieh. Heute simulieren digitale Sepia-Filter diesen Look, indem sie Pixelfarben in warme Braunt\xf6ne verschieben. Sepia ist beliebt, um nostalgische oder Vintage-\xc4sthetik in Social-Media-Posts, Hochzeitsfotografie und k\xfcnstlerischen Projekten zu erzeugen."})})]}),(0,a.jsx)(p.Z,{items:[{question:"Was ist ein Sepia-Ton?",answer:"Sepia ist ein warmer, br\xe4unlicher Ton, der den Look gealterter Fotografien nachahmt. Urspr\xfcnglich durch einen chemischen Prozess in der Dunkelkammer entstanden, verleiht er Bildern ein nostalgisches, vintageartiges Gef\xfchl."},{question:"Kann ich die Sepia-Intensit\xe4t anpassen?",answer:"Ja! Nutze den Intensit\xe4ts-Schieberegler, um zwischen Originalbild und vollem Sepia zu mischen. Niedrigere Werte erzeugen einen dezenten warmen Hauch, w\xe4hrend 100 % einen klassischen Sepia-Look liefern."},{question:"Beeintr\xe4chtigt der Sepia-Filter die Bildqualit\xe4t?",answer:"Der Filter wendet eine mathematische Farbtransformation auf jedes Pixel an. Aufl\xf6sung und Sch\xe4rfe bleiben unver\xe4ndert — nur die Farbwerte werden modifiziert."},{question:"Ist dieses Sepia-Filter-Tool kostenlos?",answer:"Ja, komplett kostenlos. Die gesamte Verarbeitung l\xe4uft in deinem Browser — deine Bilder werden niemals auf einen Server hochgeladen."}]}),(0,a.jsxs)("section",{className:"mb-8",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"Mehr erfahren"}),(0,a.jsxs)("ul",{className:"space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/blog/edit-screenshot-mac",className:"text-purple-400 hover:text-purple-300 text-sm transition-colors",children:"→ Screenshots auf dem Mac bearbeiten"})}),(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/blog/best-screenshot-apps-for-mac",className:"text-purple-400 hover:text-purple-300 text-sm transition-colors",children:"→ Die besten Screenshot-Apps f\xfcr den Mac"})})]})]}),(0,a.jsxs)("section",{children:[(0,a.jsx)("h2",{className:"text-lg font-medium text-fg mb-4",children:"Verwandte Tools"}),(0,a.jsxs)("div",{className:"grid sm:grid-cols-3 gap-4",children:[(0,a.jsx)(o(),{href:"/tools/image-to-grayscale",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 text-purple-400 drop-shadow-[0_0_4px_rgba(168,85,247,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Graustufen"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Schwarz & Wei\xdf"})]})}),(0,a.jsx)(o(),{href:"/tools/invert-colors",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 text-cyan-400 drop-shadow-[0_0_4px_rgba(103,232,249,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Farben invertieren"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Negativ-Effekt"})]})}),(0,a.jsx)(o(),{href:"/tools/vignette-effect",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(x.Z,{className:"w-4 h-4 text-purple-400 drop-shadow-[0_0_4px_rgba(168,85,247,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Vignetten-Effekt"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Randabdunklung"})]})})]})]})]})}),(0,a.jsx)(d.Z,{})]})]})}let N={dropPrompt:"Suelta la imagen aqu\xed o haz clic para subirla",dropFormats:"Admite JPG, PNG, WebP, GIF, BMP",intensityLabel:"Intensidad del sepia",subtleMarker:"Sutil",fullSepiaMarker:"Sepia completo",originalLabel:"Original",sepiaLabel:"Sepia",processingState:"Procesando…",waitingState:"Esperando…",processingButton:"Procesando…",applySepia:"Aplicar sepia",download:"Descargar",clear:"Restablecer"};function SepiaFilterEs(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n(),{children:[(0,a.jsx)("title",{children:"Herramienta gratuita de filtro sepia online | ScreenSnap Pro"}),(0,a.jsx)("meta",{name:"description",content:"Aplica un tono sepia a cualquier imagen online y gratis. Crea c\xe1lidos efectos de foto vintage con intensidad ajustable. Sin subidas, 100 % privado."}),(0,a.jsx)("meta",{property:"og:title",content:"Herramienta gratuita de filtro sepia online | ScreenSnap Pro"}),(0,a.jsx)("meta",{property:"og:description",content:"Aplica un tono sepia a cualquier imagen. Crea efectos de foto vintage al instante."}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:image",content:"https://www.screensnap.pro/images/og-image.png"}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"WebApplication",name:"Free Sepia Filter Tool Online",description:"Apply a sepia tone to any image online for free",url:"https://www.screensnap.pro/es/tools/sepia-filter",applicationCategory:"MultimediaApplication",operatingSystem:"Any",isAccessibleForFree:!0,offers:{"@type":"Offer",price:"0",priceCurrency:"USD"}})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is a sepia tone?",acceptedA

1nswer:{"@type":"Answer",text:"Sepia is a warm, brownish tone that mimics the look of aged photographs. Originally caused by a chemical process in darkroom printing, it gives images a nostalgic, vintage feel."}},{"@type":"Question",name:"Can I adjust the sepia intensity?",acceptedAnswer:{"@type":"Answer",text:"Yes! Use the intensity slider to blend between the original image and full sepia. Lower values give a subtle warm tint, while 100% produces a classic sepia look."}},{"@type":"Question",name:"Does the sepia filter affect image quality?",acceptedAnswer:{"@type":"Answer",text:"The filter applies a mathematical color transformation to each pixel. Resolution and sharpness remain unchanged — only the color values are modified."}},{"@type":"Question",name:"Is this sepia filter tool free?",acceptedAnswer:{"@type":"Answer",text:"Yes, completely free. All processing happens in your browser — your images are never uploaded to any server."}}]})}}),(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify((0,g.i)("Sepia Filter Tool","sepia-filter","es"))}})]}),(0,a.jsxs)("div",{className:"relative bg-gradient-to-br from-canvas-950 via-canvas-900 to-canvas min-h-screen overflow-hidden",children:[(0,a.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,a.jsx)("div",{className:"absolute -top-40 -right-40 w-[500px] h-[500px] bg-gradient-to-br from-fg/[0.08] to-fg/[0.04] rounded-full filter blur-[100px] animate-blob"}),(0,a.jsx)("div",{className:"absolute -bottom-40 -left-40 w-[600px] h-[600px] bg-gradient-to-br from-fg/[0.06] to-fg/[0.03] rounded-full filter blur-[120px] animate-blob animation-delay-2000"}),(0,a.jsx)("div",{className:"absolute inset-0 bg-[size:100px_100px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_50%,black,transparent)]",style:{backgroundImage:"linear-gradient(rgb(var(--color-fg) / 0.02) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--color-fg) / 0.02) 1px, transparent 1px)"}})]}),(0,a.jsx)(c.Z,{}),(0,a.jsx)("main",{className:"relative z-10 pt-32 pb-20",children:(0,a.jsxs)("div",{className:"max-w-3xl mx-auto px-6 lg:px-8",children:[(0,a.jsx)(o(),{href:"/tools",className:"text-purple-300 hover:text-purple-200 transition-colors text-sm mb-8 inline-block",children:"← Volver a las herramientas"}),(0,a.jsxs)("header",{className:"mb-12",children:[(0,a.jsx)("h1",{className:"text-3xl lg:text-4xl font-bold text-fg tracking-tight mb-4",children:"Filtro sepia — efecto de foto vintage"}),(0,a.jsx)("p",{className:"text-fg-400 text-lg",children:"Aplica un c\xe1lido tono sepia a cualquier imagen para conseguir un look vintage cl\xe1sico. Intensidad ajustable, 100 % gratis y privado."})]}),(0,a.jsx)(SepiaFilterWorkspace,{strings:N}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"Sobre el filtro sepia"}),(0,a.jsxs)("div",{className:"grid sm:grid-cols-2 gap-6 text-fg-300",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83D\uDCF7 Look vintage"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"El tono sepia imita el c\xe1lido tono amarronado de las fotograf\xedas antiguas. Dota al instante a cualquier imagen de una cualidad nost\xe1lgica y atemporal."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83C\uDF9A️ Intensidad ajustable"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Decide la fuerza del efecto. Un sutil 20–30 % crea un toque c\xe1lido, mientras que el 100 % ofrece un look sepia vintage completo."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"\uD83D\uDD12 Privado y seguro"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Tus fotos nunca salen de tu dispositivo. Todo el procesamiento se ejecuta localmente en tu navegador mediante manipulaci\xf3n de p\xedxeles en canvas."})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-fg font-medium mb-2",children:"⚡ Instant\xe1neo y gratis"}),(0,a.jsx)("p",{className:"text-sm text-fg-400",children:"Sin registro, sin l\xedmites, sin marcas de agua. Aplica sepia a cualquier imagen con vista previa en tiempo real."})]})]})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"C\xf3mo funciona el algoritmo sepia"}),(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:[(0,a.jsx)("p",{className:"text-fg-400 text-sm leading-relaxed mb-3",children:"El efecto sepia utiliza una transformaci\xf3n de matriz de color estandarizada que se aplica a cada p\xedxel de tu imagen. Los valores RGB de cada p\xedxel se recalculan con las siguientes f\xf3rmulas:"}),(0,a.jsxs)("ul",{className:"space-y-1 text-fg-400 text-sm",children:[(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Rojo"})," = (R \xd7 0,393) + (G \xd7 0,769) + (B \xd7 0,189)"]}),(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Verde"})," = (R \xd7 0,349) + (G \xd7 0,686) + (B \xd7 0,168)"]}),(0,a.jsxs)("li",{children:["• ",(0,a.jsx)("strong",{className:"text-fg-300",children:"Azul"})," = (R \xd7 0,272) + (G \xd7 0,534) + (B \xd7 0,131)"]})]}),(0,a.jsx)("p",{className:"text-fg-400 text-sm leading-relaxed mt-3",children:"El control deslizante de intensidad mezcla entre los colores originales y los colores sepia, d\xe1ndote control total sobre la calidez del efecto."})]})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"C\xf3mo aplicar un filtro sepia"}),(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:(0,a.jsxs)("ol",{className:"space-y-4",children:[(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"1"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Sube tu imagen"})," — mediante arrastrar y soltar o haz clic para elegir una foto de tu dispositivo."]})]}),(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"2"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Ajusta la intensidad del sepia"})," — usa el control deslizante para decidir con qu\xe9 fuerza aparece el efecto vintage."]})]}),(0,a.jsxs)("li",{className:"flex gap-4",children:[(0,a.jsx)("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-purple-600 text-sm font-semibold text-white",children:"3"}),(0,a.jsxs)("div",{className:"text-sm text-fg-300",children:[(0,a.jsx)("strong",{className:"text-fg",children:"Descarga la imagen con tono vintage"})," — guarda el resultado sepia como archivo PNG."]})]})]})})]}),(0,a.jsxs)("section",{className:"mb-12",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"\xbfQu\xe9 es un tono sepia?"}),(0,a.jsx)("div",{className:"bg-gradient-to-br from-fg/[0.06] to-fg/[0.02] backdrop-blur-2xl rounded-xl p-6 border border-fg/[0.15]",children:(0,a.jsx)("p",{className:"text-sm text-fg-300 leading-relaxed",children:"Un tono sepia es una coloraci\xf3n c\xe1lida y amarronada que imita el aspecto de las fotograf\xedas del siglo XIX. El efecto surgi\xf3 originalmente del procesamiento qu\xedmico con sulfuro de plata, que daba a las fotograf\xedas antiguas su caracter\xedstico brillo c\xe1lido y ambarino. Hoy, los filtros sepia digitales simulan ese look desplazando los colores de los p\xedxeles hacia tonos marrone

1s c\xe1lidos. El sepia es popular para crear est\xe9ticas nost\xe1lgicas o vintage en publicaciones de redes sociales, fotograf\xeda de bodas y proyectos art\xedsticos."})})]}),(0,a.jsx)(p.Z,{items:[{question:"\xbfQu\xe9 es un tono sepia?",answer:"El sepia es un tono c\xe1lido y amarronado que imita el aspecto de las fotograf\xedas envejecidas. Originado por un proceso qu\xedmico en el cuarto oscuro, da a las im\xe1genes una sensaci\xf3n nost\xe1lgica y vintage."},{question:"\xbfPuedo ajustar la intensidad del sepia?",answer:"\xa1S\xed! Usa el control deslizante de intensidad para mezclar entre la imagen original y el sepia completo. Los valores m\xe1s bajos crean un sutil toque c\xe1lido, mientras que el 100 % ofrece un look sepia cl\xe1sico."},{question:"\xbfEl filtro sepia afecta a la calidad de la imagen?",answer:"El filtro aplica una transformaci\xf3n matem\xe1tica del color a cada p\xedxel. La resoluci\xf3n y la nitidez permanecen sin cambios — solo se modifican los valores de color."},{question:"\xbfEsta herramienta de filtro sepia es gratis?",answer:"S\xed, completamente gratis. Todo el procesamiento se ejecuta en tu navegador — tus im\xe1genes nunca se suben a ning\xfan servidor."}]}),(0,a.jsxs)("section",{className:"mb-8",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold text-fg mb-6",children:"M\xe1s informaci\xf3n"}),(0,a.jsxs)("ul",{className:"space-y-2",children:[(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/blog/edit-screenshot-mac",className:"text-purple-400 hover:text-purple-300 text-sm transition-colors",children:"→ Editar capturas de pantalla en Mac"})}),(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/blog/best-screenshot-apps-for-mac",className:"text-purple-400 hover:text-purple-300 text-sm transition-colors",children:"→ Las mejores apps de capturas de pantalla para Mac"})})]})]}),(0,a.jsxs)("section",{children:[(0,a.jsx)("h2",{className:"text-lg font-medium text-fg mb-4",children:"Herramientas relacionadas"}),(0,a.jsxs)("div",{className:"grid sm:grid-cols-3 gap-4",children:[(0,a.jsx)(o(),{href:"/tools/image-to-grayscale",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 text-purple-400 drop-shadow-[0_0_4px_rgba(168,85,247,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Escala de grises"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Blanco y negro"})]})}),(0,a.jsx)(o(),{href:"/tools/invert-colors",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 text-cyan-400 drop-shadow-[0_0_4px_rgba(103,232,249,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Invertir colores"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Efecto negativo"})]})}),(0,a.jsx)(o(),{href:"/tools/vignette-effect",className:"group",children:(0,a.jsxs)("div",{className:"bg-gradient-to-br from-fg/[0.04] to-transparent rounded-lg p-4 border border-fg/[0.08] hover:border-fg/[0.15] transition-colors",children:[(0,a.jsx)("div",{className:"relative p-2 bg-gradient-to-br from-fg/15 to-fg/10 backdrop-blur-xl rounded-lg inline-block mb-2 border border-fg/25",children:(0,a.jsx)(x.Z,{className:"w-4 h-4 text-purple-400 drop-shadow-[0_0_4px_rgba(168,85,247,0.6)]"})}),(0,a.jsx)("h3",{className:"text-fg text-sm font-medium group-hover:text-purple-300 transition-colors",children:"Efecto vi\xf1eta"}),(0,a.jsx)("p",{className:"text-fg-500 text-xs mt-1",children:"Oscurecimiento de bordes"})]})})]})]})]})}),(0,a.jsx)(d.Z,{})]})]})}var w=!0;function Page(){let{locale:e}=(0,r.useRouter)();return"de"===e?(0,a.jsx)(SepiaFilterDe,{}):"es"===e?(0,a.jsx)(SepiaFilterEs,{}):(0,a.jsx)(SepiaFilter,{})}},28013:function(e,t,s){"use strict";var a=s(71248);let r=a.forwardRef(function({title:e,titleId:t,...s},r){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"}))});t.Z=r},43798:function(e,t,s){"use strict";var a=s(71248);let r=a.forwardRef(function({title:e,titleId:t,...s},r){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"}))});t.Z=r},26048:function(e,t,s){"use strict";var a=s(71248);let r=a.forwardRef(function({title:e,titleId:t,...s},r){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M2

10.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"}))});t.Z=r},81918:function(e,t,s){"use strict";var a=s(71248);let r=a.forwardRef(function({title:e,titleId:t,...s},r){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"}))});t.Z=r},25092:function(e,t,s){"use strict";var a=s(71248);let r=a.forwardRef(function({title:e,titleId:t,...s},r){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z"}))});t.Z=r}},function(e){e.O(0,[3554,6679,9774,2888,179],function(){return e(e.s=33670)}),_N_E=e.O()}]);