Skip to content
Documentación

icon picker
Assets multimedia


Listado de assets
Component
Example
Aspect ratio
Size (drp2)
Name
Comentarios
1
Banner - Menu
CleanShot 2024-03-07 at 18.51.44@2x.jpg
3:5
800 x 532
categoy_name_mega.jpg
2
Blog - Cover
CleanShot 2024-09-02 at 12.04.32@2x.jpg
4:3
828 x 621
post_name_cover.jpg
3
Blog - Post content
CleanShot 2024-03-07 at 18.40.28@2x.jpg
2:3 3:2
1296 x 1944 (jpg) 864 x 1296 (mp4)
image_name.jpg
La relación de aspecto de estos assets es recomendada.
Si es necesario puden usarse otras relaciones de aspecto mientras el ancho máximo de la imagen sea de 1296px.
4
Blog - Post header
CleanShot 2024-03-07 at 18.39.13@2x.jpg
4:5
1424 x 1774
post_name_header.jpg
Este assets sirve para todos los breakpoints
5
Blog - Thumbnail - Cover
CleanShot 2024-03-07 at 14.36.02@2x.jpg
4:3
828 x 621
post_name.jpg
Es el mismo asset que el cover. NO ES NECESARIO ENVIARLO.
6
Cart list message
CleanShot 2024-03-08 at 01.39.37@2x.jpg
1:1
144 x 144
cart_list_message.jpg
7
Category carousel (v1)
CleanShot 2024-03-08 at 01.14.40@2x.jpg
5:3
480 x 800
category_name.jpg
8
Category carousel (v2)
CleanShot 2024-03-08 at 01.18.26@2x.jpg
1:1
500 x 500
category_name.jpg
Deprecado
9
Category carousel (v3)
CleanShot 2024-08-14 at 12.57.37@2x.jpg
3:4
1500 x 2000
category_name.jpg
propuesta de nombre category_name_3x4.jpg
10
Category icon
CleanShot 2024-03-08 at 01.16.03@2x.jpg
1:1
2000 x 2000
category_name_icon.jpg
propuesta de nombre category_name_1x1.jpg
11
CTA Banner - Split
CleanShot 2024-03-08 at 01.02.48@2x.jpg
3:2
1.296 x 880 (jpg) 648 x 440 (mp4)
image_name_cta_banner_split.jpg
Este assets sirve para todos los breakpoints
12
Editorial
CleanShot 2024-03-08 at 01.49.47@2x.jpg
1:1 3:2 4:5
1104 x 1104 1728 x 1.152 1104 x 1380
image_name_editorial.jpg
Si se necesita video el asset tiene que medir la mitad del tamaño.
13
Hero Fullwidth - Desktop
CleanShot 2024-03-07 at 18.04.09@2x.jpg
3:1
3840 x 1464 (jpg) 1920 x 732 (mp4)
hero_fullwidth_desktop.jpg hero_fullwidth_desktop.mp4
14
Hero Fullwidth - Mobile
CleanShot 2024-03-07 at 18.08.47@2x.jpg
3:4
1152 x 1536 (jpg) 576 x 768 (mp4)
hero_fullwidth_mobile.jpg hero_fullwidth_mobile.mp4
15
Hero Fullwidth - Tablet
CleanShot 2024-03-07 at 18.07.08@2x.jpg
3:1
1984 x 756 (jpg) 992 x 378 (mp4)
hero_fullwidth_tablet.jpg hero_fullwidth_tablet.mp4
Este asset no es necesario subirlo manualmente.
16
Hero Split - Desktop
CleanShot 2024-03-08 at 00.11.52@2x.jpg
5:3
1.880 x 1.128 (jpg) 940 x 564 (mp4)
hero_split_desktop.jpg hero_split_desktop.mp4
17
Hero Split - Mobile
CleanShot 2024-03-08 at 00.40.36@2x.jpg
3:2
1.152 x 768 (jpg) 576 x 384 (mp4)
hero_split_mobile.jpg hero_split_mobile.mp4
18
Hero Split - Tablet
CleanShot 2024-03-08 at 00.35.21@2x.jpg
5:3
1.190 x 712 (jpg) 595 x356 (mp4)
hero_split_tablet.jpg hero_split_tablet.mp4
19
Instagram post
CleanShot 2024-03-08 at 01.44.42@2x.jpg
1:1
646 x 646
post_name.jpg
20
Landing header - Desktop
CleanShot 2024-03-11 at 16.35.04@2x.jpg
16:5
2880 x 900
page_name_desktop.jpg
21
Landing header - Mobile
CleanShot 2024-03-11 at 17.27.37@2x.jpg
3:2
1986 x 1324
page_name_mobile.jpg
22
Landing header - Tablet
CleanShot 2024-03-11 at 17.30.21@2x.jpg
16:5
1920 x 600
page_name_tablet.jpg
23
Produc card - Vertical (PLP)
Product card.jpg
3:4
600 x 800
code_x.jpg
Este asset no se sube manualmente
24
Product card - Square (PLP)
product card square.jpg
1:1
600 x 600
code_x.jpg
Este asset no se sube manualmente
25
Product image / Square (PDP)
CleanShot 2024-03-07 at 18.50.24@2x.jpg
1:1
2000 x 2000
code_x.jpg

26
Product image / Vertical (PDP)
CleanShot 2024-03-07 at 18.47.37@2x.jpg
3:4
1500 x 2000
code_x.jpg
El asset se sube en 2000x2000.

27
Promotion info
CleanShot 2024-03-08 at 01.31.40@2x.jpg
1:1
128 x128
promotion_info.jpg
28
There are no rows in this table
error
Nombre de campañas y ficheros Para ficheros, carpetas y configuraciones se usa el siguiente formato: AAAAMMDD_nombre_campaña *Para los valores del día (DD) usamos la fecha de publicación prevista independientemente de que esta fecha luego no se cumpla. *No se utilizan mayúsculas ni caracteres especiales (como tíldes, comillas, etc.)
Uso de guiones Para separar las palabras en los nombres de los assets y de las campañas utilizamos el guión bajo "_". Por el contrario, no utilizamos el guión medio "-" ni espacios.


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.