$imagemWeb = new TImage('https://images.pexels.com/photos/349758/hummingbird-bird-birds-349758.jpeg');$imagemWeb->width = '200px';
Exemplo de código (imagem do servidor/diretório):
$imagemLocal = new TImage('images/programming.png');$imagemLocal->width = '200px';
Exemplo de código (imagem do servidor/diretório acessada através de um script PHP):
$imagemProtegida = new TImage('download.php?file=images/dove.jpg');$imagemProtegida->width = '200px';
Obs.: “download.php” é um script PHP presente no servidor que gerencia o download/acesso a uma imagem. Isto é útil em casos de imagens protegidas que precisam de processamento ou verificação de permissões antes de serem entregues ao usuário.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Mad.Builder","colors":{"primary":"#fa931f","light":"#fc8d0e","dark":"#fa931f"},"favicon":"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg","logo":{"light":"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg","dark":"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg"},"navbar":{"links":[],"primary":{"type":"button","label":"Mad Builder","href":"https://www.madbuilder.com.br"}},"footer":{"socials":{"instagram":"https://www.instagram.com/madbuilder.com.br/","facebook":"https://www.facebook.com/madbuilder","youtube":"https://www.youtube.com/@madbuilder"}},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"madbuilder","hasAudioNarration":false,"actualSubdomain":"madbuilder","customDomains":["docs-fw.madbuilder.com.br"],"gitSource":{"type":"github","owner":"matheusagnes","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"entitlements":{},"buildId":"6ae9222afb1d10c3791d370a:success","clientVersion":"0.0.4088","searchFilterCounts":[{"language":"default","tag":"API banco de dados","count":32},{"language":"default","tag":"Entrada de dados","count":32},{"language":"default","tag":"Interface","count":22},{"language":"default","tag":"Seleção de dados","count":21},{"language":"default","tag":"Rest API","count":14},{"language":"default","tag":"Seleção de dados (banco de dados)","count":13},{"language":"default","tag":"Upload de arquivos","count":10},{"language":"default","tag":"Seleção de dados (fixos)","count":8},{"language":"default","tag":"Busca de dados","count":4},{"language":"default","tag":"Busca de registros (banco de dados)","count":2}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"interface/timage","slug":"/interface/timage","pageMetadata":{"title":"TImage","description":"O `TImage` é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe `TElement`).","href":"/interface/timage"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx, jsxs: _jsxs} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n code: \"code\",\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsxs(_components.p, {\n children: [\"O \", _jsx(_components.code, {\n children: \"TImage\"\n }), \" é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe \", _jsx(_components.code, {\n children: \"TElement\"\n }), \").\"]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,em:`em`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,..._provideComponents(),...props.components},{CodeBlock,Heading,ResponseField}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!ResponseField)_missingMdxReference(`ResponseField`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`__construct`,children:`__construct`}),`\n`,_jsxs(_components.p,{children:[`Construtor da classe `,_jsx(_components.code,{children:`TImage`}),`.`]}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Parâmetros:`}),`\n`,_jsx(ResponseField,{name:`$source`,type:`mixed`,required:true,children:`Caminho da imagem ou identificador de ícone.`})]}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Exemplo de código (ícone):`})}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`php`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`php`,children:_jsxs(_components.code,{language:`php`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$iconeUsuario`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` new`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4EC9B0`},children:` TImage`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'fas:user #000000'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`);`})]}),`\n`]})})}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Exemplo de código (imagem da web):`})}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`php`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`php`,children:_jsxs(_components.code,{language:`php`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$imagemWeb`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` new`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4EC9B0`},children:` TImage`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'https://images.pexels.com/photos/349758/hummingbird-bird-birds-349758.jpeg'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`);`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$imagemWeb`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`->`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`width`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` '200px'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`]})})}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Exemplo de código (imagem do servidor/diretório):`})}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`php`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`php`,children:_jsxs(_components.code,{language:`php`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$imagemLocal`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` new`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4EC9B0`},children:` TImage`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'images/programming.png'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`);`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$imagemLocal`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`->`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`width`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` '200px'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`]})})}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`Exemplo de código (imagem do servidor/diretório acessada através de um script PHP):`})}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`php`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`php`,children:_jsxs(_components.code,{language:`php`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$imagemProtegida`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:` new`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4EC9B0`},children:` TImage`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`'download.php?file=images/dove.jpg'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`);`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`$imagemProtegida`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:`->`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`width`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` '200px'`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`]})})}),`\n`,_jsx(_components.p,{children:_jsx(_components.em,{children:`Obs.: “download.php” é um script PHP presente no servidor que gerencia o download/acesso a uma imagem. Isto é útil em casos de imagens protegidas que precisam de processamento ou verificação de permissões antes de serem entregues ao usuário.`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"TImage","description":"O `TImage` é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe `TElement`).","href":"/interface/timage"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"__construct","slug":"__construct","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"madbuilder","siteName":"Mad.Builder","title":"TImage - Mad.Builder","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T03:58:14.898Z","originalFileLocation":"interface/timage.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"O TImage é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe TElement).\">\u003cmeta data-mint-head name=\"application-name\" content=\"Mad.Builder\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/svg+xml\" sizes=\"180x180\" href=\"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg\">\u003clink data-mint-head rel=\"icon\" type=\"image/svg+xml\" sizes=\"32x32\" href=\"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg\">\u003clink data-mint-head rel=\"icon\" type=\"image/svg+xml\" sizes=\"16x16\" href=\"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/svg+xml\" href=\"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg\">\u003cmeta data-mint-head property=\"og:title\" content=\"TImage - Mad.Builder\">\u003cmeta data-mint-head property=\"og:description\" content=\"O TImage é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe TElement).\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Mad.Builder\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs-fw.madbuilder.com.br/interface/timage\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://madbuilder.mintlify.site/_mintlify/api/og/v2?division=Interface\u0026amp;title=TImage\u0026amp;description=O+%60TImage%60+%C3%A9+um+componente+utilizado+para+a+exibi%C3%A7%C3%A3o+de+imagens+ou+%C3%ADcones+na+interface+de+usu%C3%A1rio+%28derivado+da+classe+%60TElement%60%29.\u0026amp;theme=e456582f12a1f6f47b575c3f\u0026amp;signature=e3aac71decd25787c84decc8de3d77ff8c46b0b627e2b321b4caff96632acf4a\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"TImage - Mad.Builder\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"O TImage é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe TElement).\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://madbuilder.mintlify.site/_mintlify/api/og/v2?division=Interface\u0026amp;title=TImage\u0026amp;description=O+%60TImage%60+%C3%A9+um+componente+utilizado+para+a+exibi%C3%A7%C3%A3o+de+imagens+ou+%C3%ADcones+na+interface+de+usu%C3%A1rio+%28derivado+da+classe+%60TElement%60%29.\u0026amp;theme=e456582f12a1f6f47b575c3f\u0026amp;signature=e3aac71decd25787c84decc8de3d77ff8c46b0b627e2b321b4caff96632acf4a\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"https://mintlify.s3.us-west-1.amazonaws.com/madbuilder/_generated/favicon/browserconfig.xml?v=3\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Mad.Builder\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#fa931f\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs-fw.madbuilder.com.br/interface/timage\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/interface/timage.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs-fw.madbuilder.com.br/#organization\",\"name\":\"Mad.Builder\",\"url\":\"https://docs-fw.madbuilder.com.br\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://app.madbuilder.com.br/app/images/icon-mad-builder.svg\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs-fw.madbuilder.com.br#website\",\"name\":\"Mad.Builder\",\"url\":\"https://docs-fw.madbuilder.com.br\",\"publisher\":{\"@id\":\"https://docs-fw.madbuilder.com.br/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs-fw.madbuilder.com.br/interface/timage#webpage\",\"url\":\"https://docs-fw.madbuilder.com.br/interface/timage\",\"name\":\"TImage\",\"description\":\"O TImage é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe TElement).\",\"dateModified\":\"2026-01-07T03:58:14.898Z\",\"isPartOf\":{\"@id\":\"https://docs-fw.madbuilder.com.br#website\"},\"breadcrumb\":{\"@id\":\"https://docs-fw.madbuilder.com.br/interface/timage#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs-fw.madbuilder.com.br/interface/timage#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Interface\",\"item\":\"https://docs-fw.madbuilder.com.br/interface/bpagecontainer\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TImage\",\"item\":\"https://docs-fw.madbuilder.com.br/interface/timage\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs-fw.madbuilder.com.br/interface/timage#article\",\"headline\":\"TImage\",\"name\":\"TImage\",\"description\":\"O TImage é um componente utilizado para a exibição de imagens ou ícones na interface de usuário (derivado da classe TElement).\",\"url\":\"https://docs-fw.madbuilder.com.br/interface/timage\",\"mainEntityOfPage\":{\"@id\":\"https://docs-fw.madbuilder.com.br/interface/timage#webpage\"},\"dateModified\":\"2026-01-07T03:58:14.898Z\",\"publisher\":{\"@id\":\"https://docs-fw.madbuilder.com.br/#organization\"},\"isPartOf\":{\"@id\":\"https://docs-fw.madbuilder.com.br#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Mad.Builder\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Mad.Builder","nav":{"global":null,"tabs":[{"tab":"Entrada de dados","pages":[{"title":"Entrada de dados","href":"/entrada-de-dados/tentry"}]},{"tab":"Seleção de dados","pages":[{"title":"Seleção de dados","href":"/selecao-de-dados/tarrowstep"}]},{"tab":"Busca de dados","pages":[{"title":"Busca de dados","href":"/busca-de-dados/tuniquesearch"}]},{"tab":"Upload de arquivos","pages":[{"title":"Upload de arquivos","href":"/upload-de-arquivos/tfile"}]},{"tab":"Interface","groups":[{"group":"Interface","pages":[{"title":"BPageContainer","href":"/interface/bpagecontainer"},{"title":"TLabel","href":"/interface/tlabel"},{"title":"TButton","description":"O `TButton` é um componente que cria botões com ícones e ações associadas (derivado da classe `TField`). Ele é utilizado para realizar ações quando clicado, podendo conter tanto texto quanto ícones.","href":"/interface/tbutton"},{"title":"TImage","href":"/interface/timage"},{"title":"BElement","description":"O `BElement` é um componente base para elementos HTML personalizados com algumas funcionalidades adcionais (derivado da classe `TElement`).","href":"/interface/belement"},{"title":"TAlert","href":"/interface/talert"},{"title":"TPageStep","href":"/interface/tpagestep"},{"title":"BContainer","href":"/interface/bcontainer"},{"title":"TFormSeparator","href":"/interface/tformseparator"},{"title":"BHelper","href":"/interface/bhelper"},{"title":"TPillBar","href":"/interface/tpillbar"}]}]},{"tab":"API banco de dados","pages":[{"title":"API banco de dados","href":"/api-banco-de-dados/c01-transacoes-em-banco-de-dados"}]},{"tab":"Services","pages":[{"title":"Services","href":"/services/builderhttpclientservice"}]},{"tab":"Rest API","pages":[{"title":"Rest API","href":"/rest-api/rotas"}]}]},"basePath":"","title":"TImage - Mad.Builder","buildId":"dpl_DTau1J5HqS9UTgVSDwGksstFWtPa","deploymentId":"dpl_DTau1J5HqS9UTgVSDwGksstFWtPa","dynamics":[],"chunks":[]}