https://100plus.tools/_next/static/chunks/7944.30a626701f8f0568.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7944,91085],{99897:function(e,t,a){a.d(t,{Z:function(){return s}});let s=(0,a(79205).Z)("monitor",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]])},91085:function(e,t,a){a.r(t),a.d(t,{screenSizeConverterConfig:function(){return s}});let s={title:"Screen Size Converter",description:"Calculate screen width and height from diagonal size and aspect ratio. Convert between inches and centimeters for displays, TVs, and monitors",commonRatios:[{ratio:"16:9",width:16,height:9,decimal:1.778,name:"Widescreen (HD/4K)"},{ratio:"16:10",width:16,height:10,decimal:1.6,name:"Widescreen (WUXGA)"},{ratio:"21:9",width:21,height:9,decimal:2.333,name:"Ultrawide"},{ratio:"32:9",width:32,height:9,decimal:3.556,name:"Super Ultrawide"},{ratio:"4:3",width:4,height:3,decimal:1.333,name:"Standard (Old TV)"},{ratio:"3:2",width:3,height:2,decimal:1.5,name:"Surface/DSLR"},{ratio:"1:1",width:1,height:1,decimal:1,name:"Square"}],tips:["Diagonal screen size is measured corner to corner, excluding bezels","16:9 is the most common aspect ratio for modern displays and TVs","Width and height are calculated using the Pythagorean theorem","Larger diagonal size doesn't always mean more screen area - aspect ratio matters","Ultrawide monitors (21:9) provide more horizontal space than 16:9 at same diagonal","4:3 screens have more vertical space than widescreen formats","For viewing distance: TV diagonal (inches) \xd7 1.5 to 2.5 = ideal distance (feet)",'Monitor size sweet spot: 24-27" for 1080p, 27-32" for 4K',"Always measure the actual screen, not including bezels or frame","Same diagonal size in different aspect ratios = different usable area"]}},7944:function(e,t,a){a.r(t),a.d(t,{default:function(){return x}});var s=a(57437),r=a(2265),i=a(79820),l=a(75060),d=a(40279),n=a(15291),o=a(12381),c=a(99897),m=a(91085);function x(){let[e,t]=(0,r.useState)("27"),[a,x]=(0,r.useState)("16-9"),[h,u]=(0,r.useState)(null),f=m.screenSizeConverterConfig.commonRatios.find(e=>e.ratio.replace(":","-")===a);(0,r.useEffect)(()=>{let t=parseFloat(e);if(!isNaN(t)&&t>0&&f){let e=f.decimal,a=t/Math.sqrt(e*e+1),s=a*e,r=2.54*s,i=2.54*a;u({widthInches:parseFloat(s.toFixed(2)),heightInches:parseFloat(a.toFixed(2)),widthCm:parseFloat(r.toFixed(2)),heightCm:parseFloat(i.toFixed(2)),areaInches:parseFloat((s*a).toFixed(2)),areaCm:parseFloat((r*i).toFixed(2))})}else u(null)},[e,f]);let p=(e,a)=>{t(e),x(a)};return(0,s.jsxs)("div",{className:"w-full space-y-6",children:[(0,s.jsxs)(i.Zb,{children:[(0,s.jsxs)(i.Ol,{children:[(0,s.jsxs)(i.ll,{className:"flex items-center gap-2",children:[(0,s.jsx)(c.Z,{className:"h-5 w-5"}),m.screenSizeConverterConfig.title]}),(0,s.jsx)(i.SZ,{children:m.screenSizeConverterConfig.description})]}),(0,s.jsxs)(i.aY,{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)(l._,{htmlFor:"diagonal",children:"Diagonal Screen Size (inches)"}),(0,s.jsx)(d.I,{id:"diagonal",type:"number",value:e,onChange:e=>t(e.target.value),placeholder:"27",min:"0",step:"0.1"}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground",children:"Measured corner to corner, excluding bezels"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)(l._,{htmlFor:"ratio",children:"Aspect Ratio"}),(0,s.jsxs)(n.Ph,{value:a,onValueChange:x,children:[(0,s.jsx)(n.i4,{id:"ratio",children:(0,s.jsx)(n.ki,{})}),(0,s.jsx)(n.Bw,{children:m.screenSizeConverterConfig.commonRatios.map(e=>(0,s.jsxs)(n.Ql,{value:e.ratio.replace(":","-"),children:[e.ratio," - ",e.name]},e.ratio))})]}),f&&(0,s.jsxs)("p",{className:"text-xs text-muted-foreground",children:["Decimal: ",f.decimal.toFixed(3)]})]})]}),h&&(0,s.jsxs)("div",{className:"space-y-4 p-5 rounded-lg bg-gradient-to-br from-blue-50 via-cyan-50 to-teal-50 dark:from-blue-950/30 dark:via-cyan-950/30 dark:to-teal-950/30 border-2 border-blue-200 dark:border-blue-800 shadow-sm",children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("h3",{className:"font-bold text-xl text-blue-900 dark:text-blue-100",children:[e,'" ',null==f?void 0:f.name," Display"]}),(0,s.jsxs)("p",{className:"text-sm text-blue-700 dark:text-blue-300 font-medium",children:["Aspect Ratio: ",null==f?void 0:f.ratio]})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 pt-3 border-t-2 border-blue-300/50 dark:border-blue-700/50",children:[(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"p-3 rounded-lg bg-white/60 dark:bg-black/20 border border-blue-200 dark:border-blue-800",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-blue-600 dar

1k:text-blue-400 mb-1.5",children:"Width (inches)"}),(0,s.jsxs)("p",{className:"text-xl font-bold text-blue-900 dark:text-blue-100",children:[h.widthInches,'"']})]}),(0,s.jsxs)("div",{className:"p-3 rounded-lg bg-white/60 dark:bg-black/20 border border-cyan-200 dark:border-cyan-800",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-cyan-600 dark:text-cyan-400 mb-1.5",children:"Height (inches)"}),(0,s.jsxs)("p",{className:"text-xl font-bold text-cyan-900 dark:text-cyan-100",children:[h.heightInches,'"']})]}),(0,s.jsxs)("div",{className:"p-3 rounded-lg bg-white/60 dark:bg-black/20 border border-teal-200 dark:border-teal-800",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-teal-600 dark:text-teal-400 mb-1.5",children:"Screen Area (sq in)"}),(0,s.jsx)("p",{className:"text-xl font-bold text-teal-900 dark:text-teal-100",children:h.areaInches.toFixed(2)})]})]}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"p-3 rounded-lg bg-white/60 dark:bg-black/20 border border-indigo-200 dark:border-indigo-800",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-indigo-600 dark:text-indigo-400 mb-1.5",children:"Width (cm)"}),(0,s.jsxs)("p",{className:"text-xl font-bold text-indigo-900 dark:text-indigo-100",children:[h.widthCm.toFixed(1)," cm"]})]}),(0,s.jsxs)("div",{className:"p-3 rounded-lg bg-white/60 dark:bg-black/20 border border-sky-200 dark:border-sky-800",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-sky-600 dark:text-sky-400 mb-1.5",children:"Height (cm)"}),(0,s.jsxs)("p",{className:"text-xl font-bold text-sky-900 dark:text-sky-100",children:[h.heightCm.toFixed(1)," cm"]})]}),(0,s.jsxs)("div",{className:"p-3 rounded-lg bg-white/60 dark:bg-black/20 border border-emerald-200 dark:border-emerald-800",children:[(0,s.jsx)("p",{className:"text-xs font-semibold text-emerald-600 dark:text-emerald-400 mb-1.5",children:"Screen Area (sq cm)"}),(0,s.jsx)("p",{className:"text-xl font-bold text-emerald-900 dark:text-emerald-100",children:h.areaCm.toFixed(2)})]})]})]}),(0,s.jsx)("div",{className:"pt-3 border-t-2 border-blue-300/50 dark:border-blue-700/50",children:(0,s.jsxs)("p",{className:"text-sm font-medium text-blue-800 dark:text-blue-200",children:["Full Dimensions: ",h.widthInches,'" \xd7 ',h.heightInches,'" (',h.widthCm.toFixed(1)," \xd7 ",h.heightCm.toFixed(1)," cm)"]})})]})]})]}),(0,s.jsxs)(i.Zb,{children:[(0,s.jsxs)(i.Ol,{children:[(0,s.jsx)(i.ll,{className:"text-lg",children:"Common Screen Sizes"}),(0,s.jsx)(i.SZ,{children:"Click to calculate popular display sizes"})]}),(0,s.jsx)(i.aY,{children:(0,s.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:[(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("24","16-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'24" Monitor'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"16:9 Widescreen"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("27","16-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'27" Monitor'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"16:9 Widescreen"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("32","16-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'32" Monitor'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"16:9 Widescreen"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("34","21-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'34" Ultrawide'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"21:9 Format"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("43","16-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'43" TV'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"16:9 HD/4K"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("55","16-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'55" TV'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"16:9 HD/4K"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("65","16-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'65" TV'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"16:9 HD/4K"})]})}),(0,s.jsx)(o.z,{variant:"outline",onClick:()=>p("49","32-9"),className:"h-auto py-3 justify-start",children:(0,s.jsxs)("div",{className:"text-left",children:[(0,s.jsx)("div",{className:"font-semibold",children:'49" Super UW'}),(0,s.jsx)("div",{className:"text-xs text-muted-foreground",children:"32:9 Gaming"})]})})]})})]}),(0,s.jsxs)(i.Zb,{children:[(0,s.jsxs)(i.Ol,{children:[(0,s.jsx)(i.ll,{className:"text-lg",children:"Aspect Ratio Comparison"}),(0,s.jsx)(i.SZ,{children:"Same diagonal, different screen area"})]}),(0,s.jsx)(i.aY,{children:(0,s.jsx)("div",{className:"overflow-x-auto",children:(0,s.jsxs)("table",{className:"w-full border-collapse text-sm",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"border-b",children:[(0,s.jsx)("th",{className:"text-left p-2 font-semibold",children:"Aspect Ratio"}),(0,s.jsx)("th",{className:"text-left p-2 font-semibold",children:"Width"}),(0,s.jsx)("th",{className:"text-left p-2 font-semibold",children:"Height"}),(0,s.jsx)("th",{className:"text-left p-2 font-semibold",children:"Area"}),(0,s.jsx)("th",{className:"text-left p-2 font-semibold",children:"Best For"})]})}),(0,s.jsx)("tbody",{children:m.screenSizeConverterConfig.commonRatios.map(t=>{let a=parseFloat(e)||27,r=t.decimal,i=a/Math.sqrt(r*r+1),l=i*r;return(0,s.jsxs)("tr",{className:"border-b hover:bg-muted/50",children:[(0,s.jsxs)("td",{className:"p-2 font-medium",children:[t.ratio," - ",t.name]}),(0,s.jsxs)("td",{className:"p-2",children:[l.toFixed(2),'"']}

1),(0,s.jsxs)("td",{className:"p-2",children:[i.toFixed(2),'"']}),(0,s.jsxs)("td",{className:"p-2",children:[(l*i).toFixed(2)," sq in"]}),(0,s.jsxs)("td",{className:"p-2 text-muted-foreground text-xs",children:["16:9"===t.ratio&&"TV, Gaming, General Use","16:10"===t.ratio&&"Productivity, Laptops","21:9"===t.ratio&&"Ultrawide Gaming, Video Editing","32:9"===t.ratio&&"Immersive Gaming, Multitasking","4:3"===t.ratio&&"Legacy Displays, Industrial","3:2"===t.ratio&&"Productivity, Reading","1:1"===t.ratio&&"Specialized Displays"]})]},t.ratio)})})]})})})]}),(0,s.jsxs)(i.Zb,{children:[(0,s.jsxs)(i.Ol,{children:[(0,s.jsx)(i.ll,{className:"text-lg",children:"Screen Size Tips"}),(0,s.jsx)(i.SZ,{children:"Important information about screen measurements"})]}),(0,s.jsx)(i.aY,{children:(0,s.jsx)("ul",{className:"space-y-2",children:m.screenSizeConverterConfig.tips.map((e,t)=>(0,s.jsxs)("li",{className:"flex items-start gap-2 text-sm",children:[(0,s.jsx)("span",{className:"text-primary mt-0.5",children:"•"}),(0,s.jsx)("span",{children:e})]},t))})})]})]})}},79820:function(e,t,a){a.d(t,{Ol:function(){return d},SZ:function(){return o},Zb:function(){return l},aY:function(){return c},ll:function(){return n}});var s=a(57437),r=a(2265),i=a(93448);let l=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...r})});l.displayName="Card";let d=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",a),...r})});d.displayName="CardHeader";let n=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-2xl font-semibold leading-none tracking-tight",a),...r})});n.displayName="CardTitle";let o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})});o.displayName="CardDescription";let c=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",a),...r})});c.displayName="CardContent",r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",a),...r})}).displayName="CardFooter"},75060:function(e,t,a){a.d(t,{_:function(){return o}});var s=a(57437),r=a(2265),i=a(370),l=a(90535),d=a(93448);let n=(0,l.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(i.f,{ref:t,className:(0,d.cn)(n(),a),...r})});o.displayName=i.f.displayName},15291:function(e,t,a){a.d(t,{Bw:function(){return p},DI:function(){return m},Ph:function(){return c},Ql:function(){return b},i4:function(){return h},ki:function(){return x},n5:function(){return j}});var s=a(57437),r=a(2265),i=a(7637),l=a(40875),d=a(22135),n=a(30401),o=a(93448);let c=i.fC,m=i.ZA,x=i.B4,h=r.forwardRef((e,t)=>{let{className:a,children:r,...d}=e;return(0,s.jsxs)(i.xz,{ref:t,className:(0,o.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...d,children:[r,(0,s.jsx)(i.JO,{asChild:!0,children:(0,s.jsx)(l.Z,{className:"h-4 w-4 opacity-50"})})]})});h.displayName=i.xz.displayName;let u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(i.u_,{ref:t,className:(0,o.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,s.jsx)(d.Z,{className:"h-4 w-4"})})});u.displayName=i.u_.displayName;let f=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(i.$G,{ref:t,className:(0,o.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,s.jsx)(l.Z,{className:"h-4 w-4"})})});f.displayName=i.$G.displayName;let p=r.forwardRef((e,t)=>{let{className:a,children:r,position:l="popper",...d}=e;return(0,s.jsx)(i.h_,{children:(0,s.jsxs)(i.VY,{ref:t,className:(0,o.cn)("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:l,...d,children:[(0,s.jsx)(u,{}),(0,s.jsx)(i.l_,{className:(0,o.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:r}),(0,s.jsx)(f,{})]})})});p.displayName=i.VY.displayName;let j=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(i.__,{ref:t,className:(0,o.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...r})});j.displayName=i.__.displayName;let b=r.forwardRef((e,t)=>{let{className:a,children:r,...l}=e;return(0,s.jsxs)(i.ck,{ref:t,className:(0,o.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...l,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(i.wU,{children:(0,s.jsx)(n.Z,{className:"h-4 w-4"})})}),(0,s.jsx)(i.eT,{children:r})]})});b.displayName=i.ck.displayName,r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(i.Z0,{ref:t,className:(0,o.cn)("-mx-1 my-1 h-px bg-muted",a),...r})}).displayName=i.Z0.displayName},370:function(e,t,a){a.d(t,{f:function(){return n}});var s=a(2265);a(54887);var r=a(37053),i=a(57437),l=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{let a=(0,r.Z8)(`Primitive.${t}`),l=s.forwardRef((e,s)=>{let{asChild:r,...l}=e,d=r?a:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,i.jsx)(d,{...l,ref:s})});return l.displayName=`Primitive.${t}`,{...e,[t]:l}},{}),d=s.forwardRef((e,t)=>(0,i.jsx)(l.label,{...e,ref:t,onMouseDown:t=>{var a;t.target.closest("button, input, select, textarea")||(null===(a=e.onMouseDown)||void 0===a||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));d.displayName="Label";var n=d}}]);