Divisor de Carrusel

UNA FOTO REPARTIDA EN DIAPOSITIVAS
⚡ Divide una foto ancha en diapositivas que encajan al deslizar. El área se recorta a un ancho divisible entre el número de diapositivas antes de cortar nada, así que cada corte cae en un píxel entero y nada se remuestrea. La imagen nunca sale de tu navegador.
Suelta una imagen aquí
o haz clic para elegir — JPG, PNG o WebP

Por qué las diapositivas dejan de encajar

Un divisor toma el ancho de la foto y lo divide entre el número de diapositivas. Casi nunca esa cuenta da exacta. Una foto de 1170 píxeles de ancho en cuatro diapositivas da 292,5 píxeles cada una, y medio píxel no es algo que un lienzo pueda cortar.

Lo que pasa entonces es peor que una costura torcida. Al pedirle una porción de 292,5 píxeles, el navegador no redondea — remuestrea, reconstruyendo cada píxel del bloque a partir de un promedio ponderado de sus vecinos. Lo medimos sobre un origen de franjas blancas y negras de un píxel:

PorciónPíxeles que volvieronContraste del borde
Píxel entero0, 255, 0, 255255 — exacto
292,5111, 143, 111, 14332

Ochenta y siete por ciento del contraste del borde, perdido — y no solo en la costura. El bloque entero se reconstruye, así que todo detalle fino dentro de él se ablanda. En una fotografía no verás franjas; verás un carrusel algo más borroso que la imagen de partida, sin motivo aparente.

El arreglo es aritmética, no enfoque

Recorta el área a un ancho que divida exacto, antes de cortar nada. Esta herramienta toma el mayor ancho entero divisible entre el número de diapositivas, lo centra y corta ahí. Cada porción cae en un límite entero, así que nada se remuestrea, y todas las diapositivas salen del mismo tamaño — que es lo que un carrusel necesita de todos modos, porque todas comparten una sola proporción.

El coste son unos pocos píxeles de ancho. Medido en cinco anchos habituales de móvil:

Ancho de la fotoDiapositivasPorción ingenuaPorción enteraPíxeles descartados
11704292,52922
108033603600
40323134413440
30245604,86044
12907184,291842

Como mucho cuatro píxeles, y en los dos anchos que ya dividen exacto, ninguno. Ese es todo el intercambio: cuatro píxeles de ancho contra cada píxel de cada bloque siendo reconstruido.

Elegir la forma de la diapositiva

Todas las diapositivas de un carrusel comparten una proporción, así que la forma que elijas decide cuánto sobrevive de la foto. Para un número dado de diapositivas, la franja más ancha que puedes usar es la proporción de la diapositiva multiplicada por la cantidad:

Una foto 16:9 es 1,78:1. Frente a un objetivo de 2,4:1 se queda baja, no estrecha, así que la herramienta recorta los lados. Frente a 3:1 recorta aún más. La vista previa muestra exactamente lo que queda antes de descargar nada, y Altura completa de la foto se salta la proporción y usa toda la altura, útil cuando publicas donde no se impone ninguna.

La medición detrás de todo esto — lo que un navegador devuelve realmente cuando le pides medio píxel, y cuánto de una fotografía sobrevive a cada forma de diapositiva — está en Medio Píxel es la Razón de que tu Carrusel se Vea Borroso.

Preguntas frecuentes

¿Se sube mi foto a algún sitio?

No. El archivo lo lee tu navegador, se corta en un lienzo de la propia página y se te devuelve como descargas. Nunca llega a un servidor, y por eso funciona con la pestaña sin conexión una vez cargada la página.

¿Por qué algunas diapositivas no miden exactamente el ancho de la foto dividido entre la cantidad?

Porque esa división casi nunca es un número entero, y una porción fraccionaria hace que el navegador remuestree el bloque. La herramienta recorta el área a un ancho que divide exacto — unos pocos píxeles a lo sumo — para que cada porción sea exacta en píxeles.

¿Cuántas diapositivas caben en un carrusel?

Esta herramienta llega a diez, que es el límite publicado por Instagram para un carrusel. Otros feeds difieren, y a la aritmética le da igual: cualquier cantidad desde dos funciona igual.

¿Se verán invisibles las costuras al deslizar?

Los píxeles encajarán exactamente, que es la parte que controla un divisor. Lo que no se controla es la aplicación: algunos feeds añaden un pequeño hueco o una esquina redondeada entre diapositivas, así que un borde duro que cruce la costura todavía puede leerse como junta. Las fotos con detalle sobre la costura la esconden mejor que un color plano o una línea recta.

¿Qué forma conviene elegir?

Vertical 4:5 conserva más de una foto normal, porque las diapositivas más altas necesitan una franja más estrecha para llenar la misma cantidad. Cuadrada 1:1 es la más segura para un feed variado. Horizontal 1,91:1 exige un origen muy ancho y sirve sobre todo para panorámicas.

¿Funciona en el móvil?

Sí. El corte lo hace el mismo lienzo que usa el ordenador. Las fotos muy grandes topan con la memoria del navegador, no con la herramienta; si una descarga sale en blanco, la foto era mayor de lo que el navegador podía sostener y redimensionarla antes lo resuelve.

¿En qué formato salen las diapositivas?

PNG, que es sin pérdida, así que nada se pierde una segunda vez al salir. Si prefieres JPEG, pasa las diapositivas por el conversor de imágenes después.

¿Puedo dividir la foto en cuadrícula en vez de en fila?

Aquí no — esta herramienta corta una sola fila de diapositivas, que es lo que un carrusel recorre. Una cuadrícula es otra maquetación, con otra aritmética.