¡ANTES DE COMENZAR!
Las imágenes son una parte fundamental del e-commerce. Nos encontramos dentro de un espacio en el que las fotografías son el primer medio en el que los clientes pueden verificar la información que les entregamos. Pero las imágenes de producto no son lo único que es relevante, tanto las imágenes del home que los lleva a ellas, al igual que las imágenes de redes sociales que dirigen al sitio cumplen un rol crítico. Crear gráficas adecuadas no solo comunican estándares de calidad, sino que gatillan emociones, inician conversaciones y retienen interés.
Antes de hablar de medidas en necesario que tengamos claros cuales son los parámetros de las imágenes digitales, ¿En qué nos tenemos que fijar?
-
Tamaño
La unidad de medida en el espacio digital corresponde a pixeles, hablamos de tantos pixeles de ancho por tantos de alto. Esto se debe a que las imágenes se visualizarán en distintos dispositivos (computadores, celulares, tablets, etc), causando que su tamaño en percepción se modifique. Es por ello que hablar de a cuántos pixeles esta construida la imagen es una forma más concreta de medirla.
-
Resolución
La resolución de una imagen depende de la cantidad de pixeles por unidad de longitud. Esto hace referencia a cómo se transformaría la imagen si tomará dimensiones físicas (tradicionalmente pensado en pulgadas). En otras palabras, a mayor cantidad de pixeles por pulgada, más detalles se pueden capturar, por ende, la imagen se ve más definida. Es por ello que las personas hablamos de “calidad”, refiriéndonos a sí se alcanzan a ver los pixeles de la imagen o no, pero la forma correcta de entenderlo es que si una imagen posee mala resolución se debe a la falta de pixeles para crear detalles.
-
Peso
Con ello nos referimos al tamaño del archivo, cuanta memoria consume para almacenarse, el cual se mide con bytes. El peso ideal es alrededor de 300KB, pero en Shopify puedes subir hasta 1MB sin problemas.
A continuación, te enseñaremos las medidas básicas que debes manejar para mantener tus imágenes y gráficas en tamaños adecuados para tu sitio. Recuerda trabajarlas en pixeles con 300 de resolución (dpi) y exportar/guardar para web. Si buscas un tutorial paso a paso puedes aprender a como guardar tus fotos de producto utilizando Photoshop haciendo click aquí.
¡COMENCEMOS!
1. BANNERS
Cuando se trabajan imágenes que se despliegan de lado a lado en toda la pantalla su ancho siempre será 2000px. Por el otro lado, su alto dependerá de cuanto espacio quieres que abarque la imagen, lo cual puede ir aproximadamente de 600px a 800px.
2. COLECCIONES
Las imágenes para promocionar colecciones pueden variar su ancho dependiendo de cuantas se ubican lado a lado. Si la imagen llega a la mitad de la pantalla, utiliza su ancho en 1000px. En el caso de que sean más de dos columnas trabaja las imágenes en un mínimo de 800px. El alto de las imágenes queda libre al estilo que se busca, puedes utilizar la misma medida para tener imágenes cuadradas o variar alrededor de 200px por imágenes más verticales u horizontales.
3. FOTO DE PRODUCTO
La medida ideal es un formato cuadrado de 1000px. Si prefieres imágenes más alargadas es cosa de sumar alrededor de 200px al ancho o alto respectivamente.
4. INSTAGRAM
La medida recomendada para esta plataforma son imágenes cuadradas de 1080px. Puedes utilizar esta misma medida para la publicidad en Instagram como en Facebook.
¡OJO! Estas son recomendaciones y no reglas estrictas. Si buscas diseños poco tradicionales y te atreves a jugar con formatos experimentales o editoriales recuerda siempre revisar como se despliegan en los distintos formatos de dispositivos.
INFORMACIÓN RECOLECTADA DE:
- https://jotabarros.com/aprende-fotografia-tamano-imagen-resolucion-tamano-fisico/
- https://www.cevagraf.coop/blog/imagen-digital-tamano-resolucion/
81 comentarios
http://slkjfdf.net/ – Ohiruw Iqacicom oel.gsud.haciendola.com.wtk.zi http://slkjfdf.net/
http://slkjfdf.net/ – Uqaduve Izedoyo cai.xqfo.haciendola.com.vcw.mc http://slkjfdf.net/
avast 2017 download for windows 10fifa 15 game pc download free full versionbig fish games manager download for pcblazblue calamity trigger pc free downloadbest survival games for pc free downloadautocad 2010 free download 64 bit for windows 10download adobe scan for windows 10hp deskjet 2130 driver download windows 10 32 bitdownload windows 10 drivers tweakbitfree download whatsapp pc windows 10
chess game download for windows 10 offline
free download netcat for windows xp free
download intel hd graphics 4000 windows 10 64 bit
cadillacs and dinosaurs download game for pc
download windows explorer mobile free
best car game download for pc
cabela’s big game hunter pc game download free full version
windows 7 home premium download usb boot free
ridmik keyboard for pc free download windows 7
battlefield v pc free download
xbox 360 emulator free download for windows 8 free
windows file recovery software free download free
arma 3 apex download free pc
download ultravnc viewer for windows 10
download game tembak tembakan pc
https://chromebrowser.ru/endnote-x8-free-download-for-windows-10-endnote-8/
https://bestsmiles.net.ru/download-unlocker-for-windows-10-iobit-unlocker/
https://chromebrowser.ru/free-adobe-reader-10-download-for-windows-10/
https://chromebrowser.ru/free-download-windows-10-iso-64-bit-professional/
https://bestsmiles.net.ru/download-ubuntu-for-virtualbox-windows-10-how-to/
download mario kart windows 10
windows 98 iso file download free
flight simulator 2004 pc game free download
download ccleaner for pc windows 10
pc wireless gaming receiver driver download windows 7
game of thrones rpg pc download
conflict desert storm 2 pc game free download full version
chrome remote desktop windows 10 download
jumping jack game download for windows 10
adobe player download for windows 10
adobe reader 8 free download for windows xp sp2 free
best photo recovery software for pc free download
black squad download free pc
visual basic 6.0 download for windows xp service pack 2 free
emule free download windows 7 64 bit free
https://chromebrowser.ru/focusrite-scarlett-6i6-driver-windows-10-download/
https://rd-ok.ru/download-windows-10-free-upgrade-from-windows-8/
https://chromebrowser.ru/free-download-google-chrome-setup-for-windows-10/
https://fundamentservis.ru/star-wars-battlefront-drivers-original-post-2/
https://fundamentservis.ru/fallout-shelter-limited-time-quests-fallout/
free download 7zip for windows free
whatsapp for pc windows 8.1 free download
internet download manager for pc windows 10
3d shooting games for pc free download
csr racing 2 for pc windows 7 free download
danganronpa game pc free download
download sonic generations pc game 2011 full version free
asphalt 8 download windows 10 free
download game pc ringan pesawat tempur air strike 3d
crazytalk cam suite free download for windows 7 free
forza horizon 3 highly compressed pc game downloadhow to download windows 8.1 for free full version freeapple quicktime player download windows 10download icon game pcis windows 8.1 download free freesim tower download windows 10 freedownload line for pc windows 10mobile number tracker software free download for windows 10 pcdark souls 1 pc free downloadturbotax home & business 2015 download for windows free
windows 7 microsoft update download free
download vulkan driver for windows 10
global operations game download for windows 10
nvidia geforce gt 220 driver download windows 7 64 bit free
download minecraft 1.8 free full version pc windows 10
cod modern warfare 2 free download full version pc
download rar software for windows 10
autocad 2010 windows 10 download
download solitaire spider windows 10
download driver printer epson l1800 windows 10 64 bit
hp officejet h470 driver download windows 10
desktop wallpaper 3d wallpaper hd 1080p free download for pc
3d live wallpaper for pc windows 7 free download free
pcsx2 free download for pc windows 7
counter strike 1.6 free download pc windows 10
https://fundamentservis.ru/intel-turbo-memory-driver-downloads-for-memory-and/
https://fundamentservis.ru/asus-usb-n53-driver-windows-10-dual-band-wireless/
https://fundamentservis.ru/lets-ride-riding-star-riding-star-game-download/
https://fundamentservis.ru/starpoint-gemini-2-trainer-starpoint-gemini-2-v1/
https://fundamentservis.ru/pioneer-avh-4100-nex-avh-4100nex/
bleach 3d games for pc free download
c4d download windows 10
emergency 3 pc game download
beyond good and evil 2 free download pc
game pc ringan offline download
www microsoft com windows 7 download free
download multiplayer shooting games for pc
nero burning software free download windows xp free
download driver intel hd graphics family windows 10
dolby atmos for pc windows 10 free download
download windows 10 assistive technology
hp simplepass download windows 10
games for windows marketplace client full download free
download pc games windows 7 free
download windows 98 full free
https://fundamentservis.ru/isunshare-rar-password-genius-3-1-20-registration/
https://fundamentservis.ru/total-war-warhammer-2-special-buildings-special/
https://fundamentservis.ru/toshiba-satellite-c55d-a5108-toshiba-satellite/
https://fundamentservis.ru/dell-inspiron-n5010-bluetooth-driver-for-windows/
https://fundamentservis.ru/jvc-kd-ar565-jvc-kd-ar565-manuals/
k lite codec pack full download windows 10 64 bit
best racing games for pc free download
hulk game download for pc windows 10
download sqlite3 exe for windows 10
call of duty download for windows 10 free
download game ringan untuk pc
paint free download for windows 8 free
download windows xp hal.dll free
where can i download all windows 7 updates free
www microsoft com windows 7 download free
http://slkjfdf.net/ – Alahxei Asacoru iwr.lnax.haciendola.com.jtm.pu http://slkjfdf.net/