Physically Based Rendering (PBR) is the industry-standard approach for creating realistic materials in 3D applications. PBR materials use a set of texture maps that describe how light interacts with a surface, producing consistent and predictable results across different lighting conditions and rendering engines.
PBR follows an energy-conservation principle: a surface cannot reflect more light than it receives. The metallic-roughness workflow (used by glTF, Unreal Engine, Unity, and most game engines) separates materials into metallic and non-metallic, then uses roughness to control reflection sharpness. This produces physically accurate results that look correct in any lighting scenario.
PBR materials are used extensively in game development, film VFX, product visualization, architectural rendering, and virtual reality. Understanding how each map contributes to the final look allows artists to create convincing materials efficiently.
## Tips for Better PBR Material Previews - Start with an albedo (color) map to see immediate results, then layer in normal, roughness, metallic, and AO maps for full PBR fidelity. - Use the tiling controls to repeat your texture across the surface, which is useful for checking how seamlessly a texture tiles. - Adjust the normal map intensity slider to see how surface detail reacts to lighting at different strengths. - Try different preview shapes such as a sphere for organic materials or a cube for architectural textures to evaluate how the material looks on various surfaces. ## Frequently Asked Questions ### What is PBR and why is it important? PBR stands for Physically Based Rendering, a shading model that simulates how light interacts with surfaces in the real world. It is important because it produces consistent, realistic results across different lighting environments, making materials look correct whether they are in bright sunlight or dim indoor light. ### What file formats are supported for texture uploads? This tool supports common image formats including PNG, JPG, and WebP. For best results, use PNG for normal maps and roughness/metallic maps to avoid compression artifacts. Albedo maps can use JPG to reduce file size. ### What is a normal map and how does it work? A normal map is an RGB texture where each pixel's color encodes a surface direction (normal vector). The red channel represents the X axis, green represents the Y axis, and blue represents the Z axis. This allows the renderer to simulate detailed surface bumps and grooves without adding extra geometry to the mesh. ### What is the difference between roughness and metallic maps? The roughness map controls how blurry or sharp reflections appear on the surface, ranging from perfectly smooth (mirror-like, value 0) to fully rough (matte, value 1). The metallic map determines whether the surface behaves as a metal (value 1) or a non-metal/dielectric (value 0). Metals tint their reflections with their base color, while non-metals reflect white light. ### Can I use this tool to check texture tiling? Yes. Use the Repeat X and Repeat Y controls to tile the texture multiple times across the surface. This is particularly useful for verifying that seamless textures tile correctly without visible seams. Try setting both values to 3 or 4 and inspect the result on a plane or cube shape. ### What is the difference between OpenGL and DirectX normal maps? OpenGL and DirectX normal maps differ in the direction of the green (Y) channel. OpenGL normal maps have the green channel pointing upward, while DirectX normal maps have it pointing downward. If your material looks like indentations instead of bumps, you likely need to invert the green channel. Most game engines document which convention they expect. ### Does this tool require a signup? No. The PBR Material Previewer is available with no signup required and no usage limits. All texture processing happens in your browser, so your files are never uploaded to any server. You can use it as often as needed for personal or commercial projects. ### What texture resolution should I use? Use power-of-two resolutions such as 512x512, 1024x1024, or 2048x2048 pixels. These sizes are optimized for GPU memory allocation and are standard across all major game engines and rendering software. For web previewing, 1024x1024 provides a good balance between detail and performance. ### Can I preview height maps or displacement maps? This previewer focuses on the core PBR metallic-roughness channels: albedo, normal, roughness, metallic, and ambient occlusion. Height and displacement maps require tessellation or vertex displacement, which is beyond the scope of a real-time browser preview. You can still use normal maps generated from height maps to approximate surface detail. ### How do I know if my texture maps are set up correctly? A correctly configured PBR material will look physically plausible under rotation. The albedo map should contain no baked lighting or shadows. The normal map should appear mostly blue when viewed flat. Roughness and metallic maps should be grayscale. If your material looks flat, check that the normal map is loaded. If reflections seem wrong, verify the roughness and metallic channels are not swapped. ## Related Tools - [3d Model Viewer](https://findutils.com/design/3d-model-viewer/) - [Color Converter](https://findutils.com/design/color-converter/) - [Color Palette Generator](https://findutils.com/design/color-palette-generator/) - [Image Color Extractor](https://findutils.com/design/image-color-extractor/) - [SVG Path Visualizer](https://findutils.com/design/svg-path-visualizer/) - [Image Converter](https://findutils.com/convert/image-converter/) - [Image Compressor](https://findutils.com/convert/image-compressor/) - [Contrast Checker](https://findutils.com/design/contrast-checker/)