[R-es] Insertar logo en Shiny APP

Enviado: miércoles, 28 de mayo de 2025 17:54
Para: Isidro Hidalgo Arellano via R-help-es
Asunto: [R-es] Insertar logo en Shiny APP

Hola a todos

Tengo problemas para insertar el logo de una empresa en un Shiny APP, el código que estoy empleando es:

# UI
ui <- fluidPage(
  titlePanel(
    div(
      tags$img(src = "logo.png", height = "60px", style = "float:left; margin-right:15px"),
      div(
        h2("Simulador Multisectorial de Impacto Económico", style = "color: #003366; margin-bottom: 5px;"),
        h4("Proyecto: Distrito Puerto Interior")
      ),
      style = "overflow: hidden;"
    )
  )


El logo si está bien ubicado:

> print(file.exists("www/logo.png"))
[1] TRUE

> list.files("www")
[1] "logo.png"  "logo2.png" "logo3.jpg" "logo4.gif"


En R-Studio si puedo visualizar el logo, ya intenté con jpg y gif pero no resulta.
[cid:564f6c9a-2ee2-448f-a1f5-f3c61258c518]

Mi problema es que se visualiza de esta manera:

[cid:6e010026-8dc8-4f41-9ffb-d6c4139a4515]


El logo aparece como una imagen rota.

Saludos y gracias

Cleiver Yam






________________________________

Nota: A información contida nesta mensaxe e os seus posibles documentos adxuntos é privada e confidencial e está dirixida únicamente ó seu destinatario/a. Se vostede non é o/a destinatario/a orixinal desta mensaxe, por favor elimínea. A distribución ou copia desta mensaxe non está autorizada.

Nota: La información contenida en este mensaje y sus posibles documentos adjuntos es privada y confidencial y está dirigida únicamente a su destinatario/a. Si usted no es el/la destinatario/a original de este mensaje, por favor elimínelo. La distribución o copia de este mensaje no está autorizada.

See more languages: http://www.sergas.es/aviso-confidencialidad

------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <https://stat.ethz.ch/pipermail/r-help-es/attachments/20250529/9fce8a30/attachment-0001.html>

------------ próxima parte ------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 21284 bytes
Desc: image.png
URL: <https://stat.ethz.ch/pipermail/r-help-es/attachments/20250529/9fce8a30/attachment-0002.png>

------------ próxima parte ------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 12678 bytes
Desc: image.png
URL: <https://stat.ethz.ch/pipermail/r-help-es/attachments/20250529/9fce8a30/attachment-0003.png>

Enviado: miércoles, 28 de mayo de 2025 17:54
Para: Isidro Hidalgo Arellano via R-help-es
Asunto: [R-es] Insertar logo en Shiny APP

Hola a todos

Tengo problemas para insertar el logo de una empresa en un Shiny APP, el código que estoy empleando es:

# UI
ui <- fluidPage(
  titlePanel(
    div(
      tags$img(src = "logo.png", height = "60px", style = "float:left; margin-right:15px"),
      div(
        h2("Simulador Multisectorial de Impacto Económico", style = "color: #003366; margin-bottom: 5px;"),
        h4("Proyecto: Distrito Puerto Interior")
      ),
      style = "overflow: hidden;"
    )
  )


El logo si está bien ubicado:

> print(file.exists("www/logo.png"))
[1] TRUE

> list.files("www")
[1] "logo.png"  "logo2.png" "logo3.jpg" "logo4.gif"


En R-Studio si puedo visualizar el logo, ya intenté con jpg y gif pero no resulta.
<image.png>

Mi problema es que se visualiza de esta manera:

<image.png>


El logo aparece como una imagen rota.

Saludos y gracias

Cleiver Yam






________________________________

Nota: A información contida nesta mensaxe e os seus posibles documentos adxuntos é privada e confidencial e está dirixida únicamente ó seu destinatario/a. Se vostede non é o/a destinatario/a orixinal desta mensaxe, por favor elimínea. A distribución ou copia desta mensaxe non está autorizada.

Nota: La información contenida en este mensaje y sus posibles documentos adjuntos es privada y confidencial y está dirigida únicamente a su destinatario/a. Si usted no es el/la destinatario/a original de este mensaje, por favor elimínelo. La distribución o copia de este mensaje no está autorizada.

See more languages: http://www.sergas.es/aviso-confidencialidad

------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <https://stat.ethz.ch/pipermail/r-help-es/attachments/20250529/666da055/attachment-0001.html>

------------ próxima parte ------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 21284 bytes
Desc: image.png
URL: <https://stat.ethz.ch/pipermail/r-help-es/attachments/20250529/666da055/attachment-0002.png>

------------ próxima parte ------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 12678 bytes
Desc: image.png
URL: <https://stat.ethz.ch/pipermail/r-help-es/attachments/20250529/666da055/attachment-0003.png>