• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 240
  • Last Modified:

PNG question

I'm working with an app that uses a PNG as the frame for the app. What I don't get is that when I look at the png in P.S. it is a one piece  but when used in the app if the wiindow is resized, only certain parts of it stretch for the resizing??? How is this deteremined??? I want to make a replacement for this graphic. If I make it the same size will I be OK????
2 Solutions
This is probably determined by the application itself, for example split the image file into 9 segments based on a pixel count, e.g.:

Corner ------------- top border (stretch) ------------- Corner
Side border(stretch)  --- center(stretch) --- Side border(stretch)
Corner ------------- bottom border (stretch) ------------- Corner

If this is the case then you can just replace the PNG with an image of the same size. However, I would test this first and determine the "split" points (i.e. where it goes from "corner" to "top border") by placing miscolored pixels in equdistant positions (eg every 3 pixels).
Hi 894359,

There's a chance that what you're seeing are several overlapping PNG images and not only one. When the window is resized only one of them is resized. The transparency that the PNG format supports is perfect for something like that.

On the other hand, if what you see when opening the image in Photoshop resembles an interface skin then the app is taking chunks of it by specific coordinates and using them all over the interface.

What I'd suggest is that you make a backup of all the original images and then start replacing them on by one to determine what image goes where.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now