{"id":1453,"date":"2026-03-24T18:29:13","date_gmt":"2026-03-24T17:29:13","guid":{"rendered":"http:\/\/bluekea.com\/blog\/?p=1453"},"modified":"2026-03-25T11:30:38","modified_gmt":"2026-03-25T10:30:38","slug":"que-tamano-deben-tener-mis-fotos-para-web","status":"publish","type":"post","link":"https:\/\/bluekea.com\/blog\/tecnica-digital\/que-tamano-deben-tener-mis-fotos-para-web","title":{"rendered":"Tama\u00f1o y medidas de tus fotos para web: gu\u00eda completa para fot\u00f3grafos"},"content":{"rendered":"\n<p id=\"block-794f8ed0-c8d5-4263-b0df-bf1bc22d8f6b\">Una de las preguntas que m\u00e1s nos hacen los fot\u00f3grafos que crean su p\u00e1gina con <a href=\"https:\/\/bluekea.com\">Bluekea<\/a> es: <strong>\u00bfqu\u00e9 tama\u00f1o tienen que tener mis fotos para web?<\/strong> La respuesta depende de c\u00f3mo se van a mostrar: no es lo mismo una foto de portada a toda pantalla que una miniatura en una galer\u00eda. En esta gu\u00eda te damos todas las medidas, con una tabla de referencia r\u00e1pida y los factores adicionales que afectan a la calidad y velocidad de carga.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Contenidos<\/h2><nav><div><div class=\"\"><a href=\"#medidas-de-referencia-rapida\">Medidas de referencia r\u00e1pida<\/a><\/div><div class=\"\"><a href=\"#block-6c5b7ea4-69b3-4296-b397-b89e0b78259f\">1. Fotos de portada y hero a toda pantalla<\/a><\/div><div class=\"\"><a href=\"#block-1823bc57-cd3c-44bd-8138-d1024930cae6\">2. Fotos en galer\u00eda flotante (lightbox)<\/a><\/div><div class=\"\"><a href=\"#block-98b3d756-adc0-4396-857b-0e4c1bc2e58a\">3. Fotos insertadas en el contenido y galer\u00edas en p\u00e1gina<\/a><\/div><div class=\"\"><a href=\"#5-imagenes-de-blog-y-articulos\">4. Im\u00e1genes de blog y art\u00edculos<\/a><\/div><div class=\"\"><a href=\"#miniaturas-y-thumbnails\">5. Miniaturas y thumbnails<\/a><\/div><div class=\"\"><a href=\"#fotos-de-producto-en-tienda-online\">6. Fotos para su venta<\/a><\/div><div class=\"\"><a href=\"#block-3a0ea0ba-a5a0-437a-82d0-a2b766b522c4\">Otros factores que afectan a la calidad<\/a><div><div class=\"\"><a href=\"#block-26ebbacd-3f45-40c0-a8a4-5d4dc14d80cc\">Formato de archivo<\/a><\/div><div class=\"\"><a href=\"#compresion\">Compresi\u00f3n<\/a><\/div><div class=\"\"><a href=\"#espacio-de-color\">Espacio de color<\/a><\/div><div class=\"\"><a href=\"#resolucion-ppp-dpi\">Resoluci\u00f3n (ppp \/ dpi)<\/a><\/div><\/div><\/div><div class=\"\"><a href=\"#sube-tus-fotos-al-tamano-que-se-van-a-mostrar-no-mas\">Sube tus fotos al tama\u00f1o que se van a mostrar, no m\u00e1s<\/a><\/div><div class=\"\"><a href=\"#block-519b2fff-0704-4558-90a9-633ab3815c1f\">Preguntas frecuentes sobre el tama\u00f1o de fotos para web<\/a><div><div class=\"\"><a href=\"#faq-question-1774369103585\">\u00bfCu\u00e1l es el tama\u00f1o ideal de una foto para una p\u00e1gina web?<\/a><\/div><div class=\"\"><a href=\"#faq-question-1774369115483\">\u00bfCu\u00e1nto debe pesar una imagen para web?<\/a><\/div><div class=\"\"><a href=\"#faq-question-1774369172391\">\u00bfEs mejor usar proporci\u00f3n 4:3 o 16:9 para fotos de portada?<\/a><\/div><div class=\"\"><a href=\"#faq-question-1774369185737\">\u00bfEs lo mismo tama\u00f1o en p\u00edxeles que resoluci\u00f3n en ppp?<\/a><\/div><div class=\"\"><a href=\"#faq-question-1774369189078\">\u00bfQu\u00e9 tama\u00f1o tienen que tener las fotos para su venta online?<\/a><\/div><div class=\"\"><a href=\"#faq-question-1774369201078\">\u00bfQu\u00e9 pasa si subo fotos demasiado grandes?<\/a><\/div><div class=\"\"><a href=\"#faq-question-1774427251829\">\u00bfQu\u00e9 es mejor 72 ppp o 300 ppp?<\/a><\/div><\/div><\/div><\/div><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"medidas-de-referencia-rapida\">Medidas de referencia r\u00e1pida<\/h2>\n\n\n\n<p>Si necesitas una respuesta inmediata, aqu\u00ed tienes las dimensiones recomendadas para los tipos de imagen m\u00e1s habituales:<\/p>\n\n\n\n<figure class=\"wp-block-table blogbk-data-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Tipo de imagen<\/th><th>Ancho recomendado<\/th><th>Alto recomendado<\/th><th>Peso orientativo<\/th><\/tr><\/thead><tbody><tr><td>Portada \/ hero* a toda pantalla (horizontal)<\/td><td>2.100 px<\/td><td>m\u00e1x. 950 px<\/td><td>400\u2013500 KB<\/td><\/tr><tr><td>Portada para m\u00f3vil (vertical)<\/td><td>libre<\/td><td>1.050 px<\/td><td>200\u2013350 KB<\/td><\/tr><tr><td>Foto en galer\u00eda flotante \/ lightbox<\/td><td>m\u00e1x. 1.900 px<\/td><td>m\u00e1x. 1.050 px<\/td><td>300\u2013500 KB<\/td><\/tr><tr><td>Foto insertada en contenido \/ galer\u00eda en p\u00e1gina<\/td><td>800\u20131.200 px<\/td><td>proporcional<\/td><td>150\u2013300 KB<\/td><\/tr><tr><td>Imagen de blog \/ art\u00edculo<\/td><td>1.200 px<\/td><td>proporcional<\/td><td>200\u2013350 KB<\/td><\/tr><tr><td>Miniatura \/ thumbnail<\/td><td>400\u2013600 px<\/td><td>proporcional<\/td><td>30\u201380 KB<\/td><\/tr><tr><td>Foto en venta<\/td><td>1.200\u20131.500 px<\/td><td>proporcional<\/td><td>200\u2013350 KB<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>* La imagen <em>hero<\/em> es esa foto en tama\u00f1o grande que ocupa toda la pantalla de extremo a extremo, normalmente al entrar a una web, e incluye el nombre del fot\u00f3grafo o t\u00edtulo de la web y un breve texto o esl\u00f3gan superpuesto.<\/p>\n\n\n\n<p>A continuaci\u00f3n te explicamos cada caso con m\u00e1s detalle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-6c5b7ea4-69b3-4296-b397-b89e0b78259f\">1. Fotos de portada y hero a toda pantalla<\/h2>\n\n\n\n<p id=\"block-a20fc867-d04b-46dc-996c-cc8f33e9ccff\">Son las im\u00e1genes que ocupan todo el \u00e1rea del navegador: la portada de tu web o las fotos de cabecera con texto superpuesto a modo de banner o hero. Para que se vean n\u00edtidas en pantallas de ordenador y tablet \u2014incluidas las pantallas de alta densidad (Retina)\u2014, recomendamos un ancho de <strong>2.100 p\u00edxeles<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-14cbb86d-91ad-4735-80db-48b83e87374a\"><img decoding=\"async\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/foto-a-toda-pantalla.jpg\" alt=\"Imagen hero a toda pantalla en la portada de una web\"\/><figcaption class=\"wp-element-caption\">Foto a pantalla completa en la portada de una web<\/figcaption><\/figure>\n\n\n\n<p>Para m\u00f3vil, lo ideal es tener una versi\u00f3n vertical de la misma foto u otra imagen diferente. En Bluekea puedes subir una foto espec\u00edfica para m\u00f3vil en las portadas. Para esa versi\u00f3n vertical, apunta a un <strong>alto de unos 1.050 p\u00edxeles<\/strong>.<\/p>\n\n\n\n<p>En cuanto al peso, intenta no superar los <strong>500 KB<\/strong> con una compresi\u00f3n JPG del 70\u201375%. Una foto de portada demasiado pesada penaliza directamente el LCP (Largest Contentful Paint), uno de los indicadores de Google para posicionamiento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-1823bc57-cd3c-44bd-8138-d1024930cae6\">2. Fotos en galer\u00eda flotante (lightbox)<\/h2>\n\n\n\n<p>Llamamos galer\u00eda flotante a aquella cuyas fotos se abren por encima del contenido, como una ventana emergente, cuando el visitante hace clic en una imagen. Es el modo de presentaci\u00f3n m\u00e1s habitual en portfolios de fotograf\u00eda porque muestra las fotos a gran tama\u00f1o sin salir de la p\u00e1gina y aprovecha todo el tama\u00f1o de la web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-photo\" id=\"block-c6d91bc5-8d6b-4f3b-b0eb-69cced79ef5a\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1061\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1.jpg\" alt=\"Imagen flotante en una web de fotograf\u00eda\" class=\"wp-image-6882\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1.jpg 1600w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1-300x199.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1-1024x679.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1-768x509.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1-1536x1019.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografia-flotante-web-1-900x597.jpg 900w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">Imagen flotante en una galer\u00eda<\/figcaption><\/figure>\n\n\n\n<p>Para este tipo de galer\u00edas recomendamos un <strong>ancho m\u00e1ximo de 1.900 p\u00edxeles<\/strong> y un <strong>alto m\u00e1ximo de 1.050 p\u00edxeles<\/strong>. Esto garantiza buena calidad en pantallas Full HD y Retina sin disparar el tiempo de carga.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-98b3d756-adc0-4396-857b-0e4c1bc2e58a\">3. Fotos insertadas en el contenido y galer\u00edas en p\u00e1gina<\/h2>\n\n\n\n<p id=\"block-1f0be7e0-0ae0-48d9-b525-09a05e0dc45b\">Son las fotos que conviven con texto u otros elementos dentro de la p\u00e1gina: galer\u00edas que muestran las fotos abiertas dentro de la estructura de la web (no flotantes), m\u00f3dulos de contenido con foto y texto combinados, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image border-photo\" id=\"block-398da607-fdec-4d5e-97bd-3e347a031a29\"><img decoding=\"async\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotos-dentro-de-web-2.jpg\" alt=\"Fotos dentro de una web a tama\u00f1o mediano\"\/><figcaption class=\"wp-element-caption\">Ejemplo de dos fotos insertadas en el dise\u00f1o de la web a un tama\u00f1o medio<\/figcaption><\/figure>\n\n\n\n<p id=\"block-1f0be7e0-0ae0-48d9-b525-09a05e0dc45b\">En estos casos, como la foto solo ocupa una parte de la pantalla, no hace falta tanto tama\u00f1o. Recomendamos entre <strong>800 y 1.200 p\u00edxeles en el lado mayor<\/strong> (ancho para fotos horizontales o cuadradas, alto para verticales). Estos tama\u00f1os son v\u00e1lidos para ordenador, m\u00f3vil y tablet si tu web est\u00e1 bien adaptada.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-imagenes-de-blog-y-articulos\">4. Im\u00e1genes de blog y art\u00edculos<\/h2>\n\n\n\n<p>Este tipo de fotos ocupan todo el ancho de la web, pero dentro de la columna principal de la misma. En el caso de un blog, por lo general en un lateral suele haber un men\u00fa que hace que el ancho de la imagen sea algo menor.<\/p>\n\n\n\n<p>Para las im\u00e1genes de cabecera o de contenido en art\u00edculos de blog, un ancho de <strong>1.200 p\u00edxeles<\/strong> suele ser suficiente, si bien lo puedes aumentar un poco cuando la calidad de las im\u00e1genes sea importante para el tema que est\u00e1s tratando. Mant\u00e9n la proporci\u00f3n original de la foto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"miniaturas-y-thumbnails\">5. Miniaturas y thumbnails<\/h2>\n\n\n\n<p>Las miniaturas son las versiones peque\u00f1as que aparecen formando muchos tipos de galer\u00edas, y que dan acceso a las fotos grandes al hacer clic. En muchos casos tu web las genera autom\u00e1ticamente a partir de la imagen original que subiste. Esto es lo que hacemos en todas las webs de Bluekea.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-photo\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1091\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1.jpg\" alt=\"Imagenes en miniatura o thumbnails en una galer\u00eda web\" class=\"wp-image-6883\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1.jpg 1600w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1-300x205.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1-1024x698.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1-768x524.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1-1536x1047.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-miniatura-1-900x614.jpg 900w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption class=\"wp-element-caption\">Imagenes en miniatura en una galer\u00eda<\/figcaption><\/figure>\n\n\n\n<p>Si necesitas generarlas t\u00fa, <strong>400\u2013600 p\u00edxeles en el lado mayor<\/strong> es lo adecuado salvo que se trate de una galer\u00eda con miniaturas muy grandes, en cuyo caso ver\u00e1s que es necesario un tama\u00f1o algo mayor para mantener la nitidez.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fotos-de-producto-en-tienda-online\">6. Fotos para su venta<\/h2>\n\n\n\n<p>Si vendes fotograf\u00edas a trav\u00e9s de tu web, las im\u00e1genes tienen que transmitir calidad sin revelar demasiado detalle (para proteger tu trabajo). Un ancho de <strong>1.200\u20131.500 p\u00edxeles<\/strong> da suficiente detalle para convencer al posible comprador. A\u00f1ade una marca de agua si es necesario y recuerda que la versi\u00f3n descargable que vendes es un archivo diferente, de mayor resoluci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border-photo\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1297\" src=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-scaled.jpg\" alt=\"Ejemplo de una galer\u00eda con fotos a la venta\" class=\"wp-image-6884\" srcset=\"https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-scaled.jpg 2048w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-300x190.jpg 300w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-1024x649.jpg 1024w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-768x487.jpg 768w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-1536x973.jpg 1536w, https:\/\/bluekea.com\/blog\/wp-content\/uploads\/2024\/11\/fotografias-para-venta-copia-900x570.jpg 900w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><figcaption class=\"wp-element-caption\">Un ejemplo de galer\u00eda con fotograf\u00edas a la venta<\/figcaption><\/figure>\n\n\n\n<p>Con Bluekea solo tienes que subir la foto al tama\u00f1o m\u00e1ximo al que la quieras vender, y esa versi\u00f3n quedar\u00e1 guardada de forma segura. En tu web se mostrar\u00e1 una versi\u00f3n al tama\u00f1o adecuado. La foto original solo se usar\u00e1 para crear la copia al tama\u00f1o escogido por el comprador.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-3a0ea0ba-a5a0-437a-82d0-a2b766b522c4\">Otros factores que afectan a la calidad<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-26ebbacd-3f45-40c0-a8a4-5d4dc14d80cc\">Formato de archivo<\/h3>\n\n\n\n<p id=\"block-b9656622-fe04-4eaa-9940-9c4cefc88229\">El formato m\u00e1s usado y compatible hoy en d\u00eda es <strong>JPG<\/strong>. Dicho esto, Bluekea sirve las im\u00e1genes en miniatura y en sus m\u00f3dulos siempre en formato <strong>WebP<\/strong> de forma autom\u00e1tica cuando el navegador lo admite, lo que reduce el peso entre un 25 y un 35% sin p\u00e9rdida visual apreciable. No tienes que hacer nada: sube tus fotos en JPG y Bluekea gestiona la conversi\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"compresion\">Compresi\u00f3n<\/h3>\n\n\n\n<p>Para los archivos JPG recomendamos una compresi\u00f3n de entre <strong>70% y 75%<\/strong> (o \u00abcalidad 70\u201375\u00bb en Lightroom y Photoshop). Este rango conserva pr\u00e1cticamente toda la calidad visual reduciendo significativamente el peso de la imagen. Si usas <strong>Adobe Lightroom<\/strong> para preparar tus fotos para la web, <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/tutorial-como-preparar-tus-fotografias-para-web-con-adobe-lightroom\" data-type=\"post\" data-id=\"509\">aqu\u00ed te explicamos<\/a> c\u00f3mo exportarlas de forma \u00f3ptima.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"espacio-de-color\">Espacio de color<\/h3>\n\n\n\n<p>Exporta siempre en <strong>sRGB<\/strong>. Si usas Adobe RGB o ProPhoto RGB, los colores pueden verse apagados o desaturados en los navegadores. Es uno de los errores m\u00e1s habituales y uno de los m\u00e1s f\u00e1ciles de evitar. Puedes leer m\u00e1s en nuestro art\u00edculo sobre <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/espacios-de-color-para-web-srgb-adobergb\" data-type=\"post\" data-id=\"476\">espacios de color para web<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"resolucion-ppp-dpi\">Resoluci\u00f3n (ppp \/ dpi)<\/h3>\n\n\n\n<p>La resoluci\u00f3n en puntos por pulgada <strong>no afecta en absoluto<\/strong> a la calidad o nitidez en pantalla. Puedes exportar a 72, 150 o 300 ppp: el resultado visual ser\u00e1 id\u00e9ntico. La resoluci\u00f3n solo importa al imprimir. Lo que s\u00ed importa son las dimensiones en p\u00edxeles, que es lo que hemos visto en esta gu\u00eda. Si tienes dudas sobre este tema, te lo explicamos en profundidad en <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/cual-es-la-resolucion-correcta-para-fotografia-en-web\" data-type=\"post\" data-id=\"2725\">\u00bfcu\u00e1l es la resoluci\u00f3n correcta para fotograf\u00eda en web?<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sube-tus-fotos-al-tamano-que-se-van-a-mostrar-no-mas\">Sube tus fotos al tama\u00f1o que se van a mostrar, no m\u00e1s<\/h2>\n\n\n\n<p>Subir fotos m\u00e1s grandes de lo necesario no mejora la calidad (tu web las reducir\u00e1 de todas formas), pero s\u00ed ralentiza la carga y hace que pierdas el control sobre la imagen final que se muestra. Ajusta las dimensiones antes de subir siguiendo los valores de esta gu\u00eda.<\/p>\n\n\n\n<div class=\"bluekea-howto-block\">\n  <h2>Pasos clave para para elegir el tama\u00f1o y exportar tus fotos para web<\/h2>\n  <div class=\"bluekea-howto-step\">\n    <h3>Elige el tipo de imagen<\/h3>\n    <div>\n      Identifica para qu\u00e9 secci\u00f3n es la foto: portada, galer\u00eda, miniatura, blog o venta\n    <\/div>\n  <\/div>\n  <div class=\"bluekea-howto-step\">\n    <h3>Ajusta las dimensiones en p\u00edxeles<\/h3>\n    <div>\n      Exporta a 2.100 px para portadas, 1.900 px para imagen flotante, 1.200 px para blog, 600 px para miniaturas.\n    <\/div>\n  <\/div>\n  <div class=\"bluekea-howto-step\">\n    <h3><strong>Exporta en JPG con calidad 70-75%<\/strong><\/h3>\n    <div>\n      Exporta en JPG con calidad 70-75%. As\u00ed conseguir\u00e1s el equilibrio adecuado entre calidad \u00f3ptima y peso reducido.\n    <\/div>\n  <\/div>\n  <div class=\"bluekea-howto-step\">\n    <h3><strong>Verifica que el perfil de color es sRGB<\/strong><\/h3>\n    <div>\n      Escoge el perfil de color a sRGB al exportar para evitar colores incorrectos en pantalla.\n    <\/div>\n  <\/div>\n<\/div>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"name\": \"Pasos clave para elegir el tama\u00f1o y exportar tus fotos para web\",\n  \"description\": \"Pasos clave para elegir el tama\u00f1o y exportar tus fotos para web\",\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Elige el tipo de imagen\",\n      \"text\": \"Identifica para qu\u00e9 secci\u00f3n es la foto: portada, galer\u00eda, miniatura, blog o venta\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Ajusta las dimensiones en p\u00edxeles\",\n      \"text\": \"Exporta a 2.100 px para portadas, 1.900 px para imagen flotante, 1.200 px para blog, 600 px para miniaturas.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Exporta en JPG con calidad 70-75%\",\n      \"text\": \"Exporta en JPG con calidad 70-75%. As\u00ed conseguir\u00e1s el equilibrio adecuado entre calidad \u00f3ptima y peso reducido.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Verifica que el perfil de color es sRGB\",\n      \"text\": \"Escoge el perfil de color a sRGB al exportar para evitar colores incorrectos en pantalla.\"\n    }\n  ]\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-519b2fff-0704-4558-90a9-633ab3815c1f\">Preguntas frecuentes sobre el tama\u00f1o de fotos para web<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1774369103585\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfCu\u00e1l es el tama\u00f1o ideal de una foto para una p\u00e1gina web?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Depende del uso. Para fotos de portada a toda pantalla, recomendamos <strong>2.100 p\u00edxeles de ancho<\/strong>. Para galer\u00edas y fotos en contenido, entre <strong>800 y 1.200 p\u00edxeles<\/strong>. Para miniaturas, <strong>400\u2013600 p\u00edxeles<\/strong>. Consulta la tabla de referencia al inicio de este art\u00edculo.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1774369115483\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfCu\u00e1nto debe pesar una imagen para web?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Como norma general: fotos de portada alrededor de <strong>500 KB<\/strong>, im\u00e1genes para galer\u00eda entre <strong>300 y 500 KB<\/strong>, im\u00e1genes de blog por debajo de <strong>350 KB<\/strong>, im\u00e1genes dentro del texto por debajo de <strong>300 KB<\/strong> y miniaturas por debajo de <strong>80 KB<\/strong>. El peso depende del tama\u00f1o en p\u00edxeles y del nivel de compresi\u00f3n JPG aplicado.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1774369172391\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfEs mejor usar proporci\u00f3n 4:3 o 16:9 para fotos de portada?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>La proporci\u00f3n 16:9 (panor\u00e1mica) es la m\u00e1s habitual para portadas y fotos hero, ya que encaja bien con la mayor\u00eda de pantallas de ordenador. La 4:3 puede funcionar bien para galer\u00edas de estilo cl\u00e1sico. En cualquier caso, lo m\u00e1s importante es que la foto tenga suficientes p\u00edxeles en el lado mayor y que el dise\u00f1o de tu web est\u00e9 adaptado a esa proporci\u00f3n.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1774369185737\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfEs lo mismo tama\u00f1o en p\u00edxeles que resoluci\u00f3n en ppp?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No. El <strong>tama\u00f1o en p\u00edxeles<\/strong> (por ejemplo, 2.100 \u00d7 1.400 px) determina cu\u00e1nta informaci\u00f3n tiene la imagen y es lo que importa en web. La <strong>resoluci\u00f3n en ppp<\/strong> (72 ppp, 300 ppp\u2026) es relevante solo para impresi\u00f3n. Para web, la resoluci\u00f3n en ppp es irrelevante: lo que importa es el n\u00famero de p\u00edxeles.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1774369189078\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfQu\u00e9 tama\u00f1o tienen que tener las fotos para su venta online?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para las im\u00e1genes que se venden online, recomendamos entre <strong>1.200 y 1.500 p\u00edxeles<\/strong> en el lado mayor, con marca de agua si es necesario. El archivo que el comprador descarga tras la compra debe ser el original en alta resoluci\u00f3n o una versi\u00f3n al tama\u00f1o comprado, que es independiente de la imagen mostrada en la web.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1774369201078\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfQu\u00e9 pasa si subo fotos demasiado grandes?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Tu web las mostrar\u00e1 a las dimensiones correctas, pero el navegador tendr\u00e1 que descargar un archivo m\u00e1s pesado de lo necesario, lo que ralentiza la carga. Adem\u00e1s, si la web redimensiona la imagen por su cuenta, puedes perder control sobre el enfoque y el color final. Lo mejor es preparar las fotos al tama\u00f1o exacto al que se van a mostrar.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1774427251829\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">\u00bfQu\u00e9 es mejor 72 ppp o 300 ppp?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Para web, la resoluci\u00f3n en ppp es irrelevante: lo que importa es el n\u00famero de p\u00edxeles ya que la resoluci\u00f3n en ppp solo afecta al tama\u00f1o y calidad finales de la impresi\u00f3n. Por tanto en web una imagen se ver\u00e1 exactamente igual en cualquier resoluci\u00f3n, sea 72 ppp, 100 ppp o 300 ppp<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><br><em>Este art\u00edculo fue publicado originalmente en 2012, y ha sido completamente revisado y actualizado en varias ocasiones, la m\u00e1s reciente en marzo de 2026.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una duda habitual entre los fot\u00f3grafos que crean su p\u00e1gina con Bluekea es el tama\u00f1o que deben tener las fotos al prepararlas para subirlas a la web. Vamos a intentar aclarar un poco el asunto bas\u00e1ndonos en los modos de presentaci\u00f3n de Bluekea, pero estos son unos consejos v\u00e1lidos para cualquier tipo de web. <a href=\"https:\/\/bluekea.com\/blog\/tecnica-digital\/que-tamano-deben-tener-mis-fotos-para-web\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":6501,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-1453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnica-digital"],"_links":{"self":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/comments?post=1453"}],"version-history":[{"count":55,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1453\/revisions"}],"predecessor-version":[{"id":6947,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/posts\/1453\/revisions\/6947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media\/6501"}],"wp:attachment":[{"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/media?parent=1453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/categories?post=1453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluekea.com\/blog\/wp-json\/wp\/v2\/tags?post=1453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}