'|' interferindo com a tabela

Não sei como explicar melhor, mas me deparei com este problema duas vezes.

Se eu quiser colocar as imagens em formato de tabela, este ‘|’ nas imagens sempre interfere.

Um exemplo

Como eu quero? Lado a lado em uma tabela

apple_logo_PNG19696861×1037 849 KB

apple-xxl-2756662558256×256 2.88 KB

O erro:

Maçã verde	Maçã laranja
	![apple-xxl-2756662558

O que acontece se você usar \\|? O pipe faz parte da estrutura da tabela e, com certeza, não funciona como parte do conteúdo dentro das células, e é por isso que tenho certeza de que ele deve ser escapado.

Eu presumiria que isso quebraria as imagens, aqui está um teste:

A	B
TV Test259×194 704 Bytes	TV Test259×194 704 Bytes

EDIT: Não quebra, mas acho que não respeita o tamanho da imagem especificado após o pipe se você fizer isso. (Não tenho certeza, no entanto)

EDIT 2: Não, aparentemente está tudo bem.

Então estamos considerando a opção 2: tabelas HTML.

Você pode, por favor, detalhar como isso funcionou? Pois não consigo ver o código da tabela.

Claro, aqui está o texto bruto:

|A|B|
|-|-|
|![TV Test\|259x194](upload://j7HEICqfWHEYOraEy86w18XgYpt.png)|![TV Test\|259x194, 50%](upload://j7HEICqfWHEYOraEy86w18XgYpt.png)|

Obrigado por compartilhar, vou tentar.