La Calculadora de Tamaños De Imágenes para Redes Sociales que Necesitas en 2024
Calculadora de Tamaños para Redes Sociales -
Calculadora de Tamaños para Redes Sociales
Selecciona una red social:
Selecciona el tipo de imagen/vídeo:
Calcular Tamaño
body, html { font-family: ‘Arial’, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; height: 100%; width: 100%; /* overflow: hidden; / / Esta línea ha sido comentada */ }
.contenedor-calculadora { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: relative; }
.calculadora { width: 100%; max-width: 400px; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.calculadora h2 { margin-bottom: 20px; text-align: center; /* Centra el texto */ }
.calculadora label, .calculadora select, .calculadora button, .calculadora #resultado { width: 100%; margin-bottom: 10px; }
.calculadora select { padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; font-size: 16px; }
.calculadora button { padding: 10px 15px; border: none; border-radius: 5px; background-color: #000; color: #fff; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; }
.calculadora button:hover { background-color: #333; }
.calculadora #resultado { margin-top: 20px; font-weight: bold; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; }
/* Estilos para dispositivos móviles */ @media (max-width: 480px) { .calculadora { padding: 20px; } }
const tamanos = { “Facebook”: { “Foto de perfil”: “170 x 170 px (ordenador), 128 x 128 px (smartphones)”, “Foto de portada”: “851 x 315 px (recomendado), 820 x 312 px (ordenador), 640 x 360 px (móviles)”, “Portada de eventos”: “1.200 x 628 px”, “Imágenes de publicación”: “1.200 x 630 px”, “Vídeo”: “1.080 x 1.080 px”, “Stories”: “1.080 x 1.920 px” }, “Instagram”: { “Foto de perfil”: “320 x 320 px (recomendado)”, “Foto cuadrada”: “1.080 x 1.080 px”, “Foto vertical”: “1.080 x 1.350 px”, “Foto horizontal”: “1.080 x 566 px”, “Stories y Reels”: “1.080 x 1.920 px”, “IGTV”: “Resolución mínima de 720 px” }, “LinkedIn”: { “Foto de perfil”: “400 x 400 px”, “Cabecera para perfiles”: “1.584 x 396 px”, “Logotipo de empresa”: “300 x 300 px”, “Foto de portada para páginas de empresa”: “1.128 x 191 px”, “Imagen de post y contenido patrocinado”: “1.200 x 627 px” }, “Pinterest”: { “Imagen de perfil”: “165 x 165 px”, “Imagen de portada”: “800 x 450 px”, “Pines”: “1.000 x 1.000 px”, “Imagen de tablero”: “1.000 x 1.000 px”, “Story Pins”: “1.080 x 1.920 px” }, “TikTok”: { “Foto de perfil”: “Mínimo 20 x 20 px”, “Vídeos”: “1.080 x 1.920 px” }, “Twitch”: { “Foto de perfil”: “256 x 256 px”, “Banner de perfil”: “1.200 x 480 px”, “Banner del reproductor de video”: “1.920 x 1.080 px”, “Insignias de Twitch”: “72 x 72, 36 x 36, 18 x 18 px”, “Emotes de Twitch”: “28 x 28, 56 x 56, 112 x 112 px” }, “Twitter”: { “Foto de perfil”: “400 x 400 px”, “Foto de portada”: “1.500 x 500 px”, “Tweets con imagen”: “1.600 x 900 px”, “Tweet Card”: “800 x 800 px (cuadrado), 800 x 418 px (horizontal)” }, “YouTube”: { “Foto de perfil”: “800 x 800 px”, “Foto de portada”: “2.048 x 1.152 px”, “Tamaño miniatura”: “1.280 x 720 px”, “Vídeos”: “1.280 x 720 px (mínimo)” } };
function actualizarTiposImagen() { const redSocial = document.getElementById(‘redSocial’).value; const tipoImagenSelect = document.getElementById(‘tipoImagen’); tipoImagenSelect.innerHTML = ”; for (let tipo in tamanos[redSocial]) { const option = document.createElement(‘option’); option.value = tipo; option.textContent = tipo; tipoImagenSelect.appendChild(option); } }
function calcularTamano() {
const redSocial = document.getElementById(‘redSocial’).value;
const tipoImagen = document.getElementById(‘tipoImagen’).value;
const resultadoDiv = document.getElementById(‘resultado’);
resultadoDiv.textContent = El tamaño recomendado para ${tipoImagen} en ${redSocial} es: ${tamanos[redSocial][tipoImagen]};
}
// Llenar el select de redes sociales al cargar la página document.addEventListener(‘DOMContentLoaded’, function() { const redSocialSelect = document.getElementById(‘redSocial’); for (let red in tamanos) { const option = document.createElement(‘option’); option.value = red; option.textContent = red; redSocialSelect.appendChild(option); } actualizarTiposImagen(); });
// Actualizar tipos de imagen al cambiar la red social document.getElementById(‘redSocial’).addEventListener(‘change’, actualizarTiposImagen);
¿Te sientes inquieto cuando notas que tu foto de perfil en Instagram se ve borrosa o que la imagen de portada de un evento en Facebook no se ajusta bien?
Las redes sociales son el nuevo campo de batalla para el marketing digital y, ¡vaya que tienen sus reglas! Pero tranquilízate, ¡aquí viene la solución que estabas esperando! La Calculadora de Tamaños De Imágenes para Redes Sociales.
Todo sobre la Calculadora de Tamaños para Redes Sociales
Nuestra herramienta, diseñada para ser tu aliada, te da una ventaja sobre el resto. Olvídate de las complicaciones; con la Calculadora de Tamaños para Redes Sociales, sabrás rápidamente las dimensiones perfectas para esa imagen que quieres compartir.
¿Por qué te hará la vida más fácil?
Evita errores que duelen: ¿Subiste una imagen y Facebook la recortó de manera rara? Nunca más. Tu contenido siempre se mostrará como lo imaginaste.
-
Optimiza a la perfección: Al tener las medidas exactas a la mano, tus diseños estarán perfectos en cualquier plataforma.
-
Dile adiós a las búsquedas interminables: Ya no más googlear “tamaños de foto para Twitter”. Con nuestra calculadora, tendrás todo a un clic.
Características que te encantarán
-
Diversidad de plataformas: Todas, desde Facebook e Instagram, hasta esos rincones de TikTok y LinkedIn.
-
Simplicidad en su máxima expresión: Selecciona, mira y listo. Así de fácil conocerás las dimensiones exactas.
-
Adaptable y ágil: Ya estés en tu laptop o consultando cosas desde el móvil, nuestra herramienta se ve y funciona perfectamente.
Conclusión
La Calculadora de Tamaños para Redes Sociales es más que una herramienta, es tu nueva compañera de batallas digitales. Te invitamos a que la pruebes y ver cómo, con pequeños ajustes, tus publicaciones estarán perfectas.
Otras herramientas que pueden ser de tu interés:
Calculadora de Intervalos Temporales
Calculadora de Descuentos Online