Ponemos a disposición un repositorio web donde podra encontrar las imagenes de las banderas de cada país, en diferentes tamaños y formatos para que pueda utilizarlos en su interfaz gráfica. Sientase libre de utilizar estos recursos en sus proyectos públicos o privados.
 |  |
Imágenes en vectores
Puede descargar las banderas en formatos de vectores editables (.svg, .pdf, .ai y .eps).
Para acceder a este recurso, utilice las siguientes URL ():
https://storage.hablame.co/public-files/flag/{xx}.svghttps://storage.hablame.co/public-files/flag/{xx}.pdfhttps://storage.hablame.co/public-files/flag/{xx}.aihttps://storage.hablame.co/public-files/flag/{xx}.eps
{xx}: corresponde al codigo del pais ISO 3166-1 alfa-2.
Ejemplo de para el país Colombia (co)
Imágenes en bitmap (ancho fijo y alto variable)
Puede utilizar la imagen de la bandera en formatos .png, .webp y .jpg, en diferentes tamaños.
Para acceder a este recurso, utilice las siguientes URL:
https://storage.hablame.co/public-files/flag/w{yy}/{xx}.pnghttps://storage.hablame.co/public-files/flag/w{yy}/{xx}.webphttps://storage.hablame.co/public-files/flag/w{yy}/{xx}.jpg
{xx}: corresponde al codigo del pais ISO 3166-1 alfa-2.
{yy}: corresponde al ancho en Pixeles disponibles (20, 40, 80, 160, 320, 640, 1280 y 2560).
Ejemplo de para el país Colombia (co)
| Width | ~Height | PNG | WebP | JPG |
|---|---|---|---|---|
| 20px | ~13px | w20/co.png | w20/co.webp | w20/co.jpg |
| 40px | ~26px | w40/co.png | w40/co.webp | w40/co.jpg |
| 80px | ~53px | w80/co.png | w80/co.webp | w80/co.jpg |
| 160px | ~106px | w160/co.png | w160/co.webp | w160/co.jpg |
| 320px | ~213px | w320/co.png | w320/co.webp | w320/co.jpg |
| 640px | ~426px | w640/co.png | w640/co.webp | w640/co.jpg |
| 1280px | ~853px | w1280/co.png | w1280/co.webp | w1280/co.jpg |
| 2560px | ~1706px | w2560/co.png | w2560/co.webp | w2560/co.jpg |
Imágenes en bitmap (alto fijo y ancho variable)
Puede utilizar la imagen de la bandera en formatos .png, .webp y .jpg, en diferentes tamaños.
Para acceder a este recurso, utilice las siguientes URL:
https://storage.hablame.co/public-files/flag/h{yy}/{xx}.pnghttps://storage.hablame.co/public-files/flag/h{yy}/{xx}.webphttps://storage.hablame.co/public-files/flag/h{yy}/{xx}.jpg
{xx}: corresponde al codigo del pais ISO 3166-1 alfa-2.
{yy}: corresponde al ancho en Pixeles disponibles (20, 24, 40, 48, 60, 80, 120, 160 y 240).
Ejemplo de para el país Colombia (co)
| Height | ~Width | PNG | WebP | JPG |
|---|---|---|---|---|
| 20px | ~30px | h20/co.png | h20/co.webp | h20/co.jpg |
| 24px | ~36px | h24/co.png | h24/co.webp | h24/co.jpg |
| 40px | ~60px | h40/co.png | h40/co.webp | h40/co.jpg |
| 48px | ~72px | h48/co.png | h48/co.webp | h48/co.jpg |
| 60px | ~90px | h60/co.png | h60/co.webp | h60/co.jpg |
| 80px | ~120px | h80/co.png | h80/co.webp | h80/co.jpg |
| 120px | ~180px | h120/co.png | h120/co.webp | h120/co.jpg |
| 160px | ~240px | h160/co.png | h160/co.webp | h160/co.jpg |
| 240px | ~360px | h240/co.png | h240/co.webp | h240/co.jpg |
Íconos de banderas
Puede utilizar nuestros íconos de imagenes de las banderas en formatos .png en diferentes tamaños.
Para acceder a este recurso, utilice las siguientes URL:
https://storage.hablame.co/public-files/flag/{zz}/{xx}.pnghttps://storage.hablame.co/public-files/flag/{zz}/{xx}.webp
{xx}: corresponde al codigo del pais ISO 3166-1 alfa-2.
{zz}: corresponde al tamaño del icono diponible (16x12, 20x15, 24x18, 28x21, 32x24, 36x27, 40x30, 48x36, 56x42, 60x45, 64x48, 72x54, 80x60, 84x63, 96x72, 108x81, 112x84, 120x90, 128x96, 144x108, 160x120, 192x144, 224x168 y 256x192).
Ejemplo de para el país Colombia (co)
Imágenes embebidas en HTML
Puede embeber las imágenes directamente en su sitio web
<img
src="https://storage.hablame.co/public-files/flag/40x30/co.png"
srcset="https://storage.hablame.co/public-files/flag/80x60/co.png 2x,
https://storage.hablame.co/public-files/flag/120x90/co.png 3x"
width="40"
height="30"
alt="Colombia"
>
<img
src="https://storage.hablame.co/public-files/flag/w320/co.png"
srcset="https://storage.hablame.co/public-files/flag/w640/co.png 2x"
width="320"
alt="Colombia"
>
<img
src="https://storage.hablame.co/public-files/flag/h20/co.png"
srcset="https://storage.hablame.co/public-files/flag/h40/co.png 2x,
https://storage.hablame.co/public-files/flag/h60/co.png 3x"
height="20"
alt="Colombia"
>
<img
src="https://storage.hablame.co/public-files/flag/co.svg"
width="30"
alt="Colombia"
>