Renderizar imagens fora do contexto da aplicação

Front-end
#1

Meus caros, boa tarde.

Estou trabalhando em um sistema no qual pretendo armazenar as imagens fora do contexto da aplicação, para a praticidade de backups.

As imagens são salvas e tudo mais, até aí está ok.

Porém quando tento renderizar as mesmas elas não são carregadas, já procurei muitas coisas dentro do forum mas ainda não consegui compreender o real motivo disso.

Este é o código onde tento renderizar a imagem.

Na url está o objeto seguido da variável que contém o caminho da foto a ser renderizada.

<rich:column styleClass="centerCell" >
                            <f:facet name="header" >
                                <h:outputText value="Foto"/>
                            </f:facet>
                            <div class="imagemProduto">
                                <h:graphicImage height="50px" width="50px"
                                                url="#{produto.imagem}" ismap="true" />
                            </div>
</rich:column>

O campo da imagem é mostrado no form porém aparece como se a imagem estive quebrada, impossível de renderizar.

Alguém com alguma dica, recurso ou tutorial para que eu possa solucionar isso?

#2