[R-es] Insertar logo en Shiny APP

[Clei Y]

Hola

No funcionó, me resigne y recurrí al “elaborado por: …”

Saludos

El 29 may 2025, a la(s) 3:40 a.m., miguel.angel.rodriguez.muinos using sergas.es escribió:



Hola Cleiver.


Prueba con algo así:


tags$div(
    tags$img(src = "logo.png", height = "60px", align = "left"),
    tags$br(),
    tags$br(),
    titlePanel("Simulador Multisectorial de Impacto Económico"),
    style = "text-align: left; padding-bottom: 20px;"
  ),



Un saludo,

Miguel.




________________________________
De: R-help-es <r-help-es-bounces using r-project.org> en nombre de Clei Y <cleiver_yam using hotmail.com>
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>