Arreglar imágenes Netlify - Producción

Al subir a producción el proyecto puede que entre en conflictos, si el proveedor de dominio tiene certificado SSL, es decir que su protocolo de transferencia es HTTPS y no HTTP. Lo cual debería ser así (y es así en Netlify), dado que le indica a los navegadores que nuestro sitio es seguro (o al menos es una de las condiciones básicas para garantizarlo).

Para las imágenes de Items y Skills, se usa el dominios http://media.blizzard.com/ este nos dará problemas al no contar con certificado SSL, para esto debemos reemplazar el dominio por uno que cuente con certificado SSL.

Solución:

Si este problema nos ocurrió a nosotros, posiblemente a Blizzard también le sucedió. Así que procedemos de la siguiente manera:

1. Buscamos el nombre de un Item en google, los nombres los puedes extraer de la API, de los ‘alt’ de los items o de la pagina oficial https://eu.diablo3.blizzard.com/en-us/item/
2. Ingresas a la pagina oficial de ese item, por ejemplo: Man Prodder https://eu.diablo3.blizzard.com/en-us/item/man-prodder-TransmogPolearm_241_001
3. Inspeccionas elementos y seleccionas la imagen.
4. Obtienes la url (recuerda que esta en el atributo style, como background-image), en mi caso es: https://blzmedia-a.akamaihd.net/d3/icons/items/large/transmogpolearm_241_001_demonhunter_male.png
5. Como vemos el dominio es https://blzmedia-a.akamaihd.net el cual si cuenta con certificado SSL, es decir HTTPS.
6. Reemplazamos en los archivos correspondientes http://media.blizzard.com por https://blzmedia-a.akamaihd.net

De esta forma las imágenes ya deberían cargar correctamente en producción. El navegador no bloqueara los recursos al ser de un dominio seguro.