Size/Resolution of Backgrounds and Images

Hello,
I have seen tons of questions and answers about adjusting the resolution for images and I have seen many answers. But in my case I am designing my entire app in photoshop (buttons, backgrounds, images) and then I wanted to take those assets and put them
in my app.
But my question is what the appropriate resolution for my background images for one so they show up just as crisp and bright as the do in Photoshop? I know windows devices can support multiple resolutions but you shouldn't have images that are too large
to avoid slow loading, so with that being said what is the ideal size for background images to keep the crisp resolution?
And with images, I know I have to create multiple sizes to be able to quickly adjust to multiple resolution, can someone provide detailed guidance on how to go about that. The more specific with these 2 the better.
Thanks!

Check this video: Adapting UI for Different Screens and Orientations http://channel9.msdn.com/Series/Building-Apps-for-Windows-Phone-8-1/06
Sample: https://onedrive.live.com/?cid=b36de4dd5a9179a1&id=B36DE4DD5A9179A1%2193175&ithint=folder,.zip&authkey=!APluMWf01e3WvqA
Best Regards,
Please remember to mark the replies as answers if they help

Similar Messages

What is the difference between UIButton's [Custom] Background and Image ?

What is the difference between UIButton's [Custom] Background and Image property ?
They seems to both do the same thing...and they both works...why would I prefer one over the other ?

Ok, your company pays for support, and has a CSI number. Presumably, other people at the company already have MOS accounts? If so, one of them is probably the administrator for your company's CSI. When you go to http://support.oracle.com/ and open a new account, you'll provide your email, and your company's CSI. At that point, whoever has been designated administrator for your CSI will get an email from Oracle, letting them know you've created an account w/ their CSI, and asking them to accept or reject your account request. If they accept it, your account will then be functional, and you'll be able to login to MOS.
So, find out who the admin is for your CSI, talk to them, go from there.
Hope that helps,
-Mark

What size should my background layer image be for web?

I'm doing a logo design for someone I know and he wants it placed ontop of a steel texture background. I've sourced out a good quality image but despite my diligence in trying to understand how image size and resolution works, I can't seem to grasp what I need to do with it. I've watched countless videos, but it must be a problem with the ol' brain in the head I have.
This is most likely (at least for now) just for web. My main focus is just getting this right so that it looks crisp and sharp on screen.
The image I have is 1024 x 1384 pixels 72dpi. So 14.2 inches wide by 19.2 inches high.
Do I need to change this at all? I will be cropping the image, but I'm worried that I will make it too small and therefore it will need to be enlarged and I might encounter some blurring.
Should I enlarge it? I heard this isn't the most ideal thing.
72dpi is as high as the resolution needs to be for screen images, but is there any advantage in bumping that up? Why couldn't I just make it 300dpi for the heck of it?
Do I need to pay attention to inches, or is that just good guide for when you are printing something?
I'm honestly just trying to get my head around it all so that in the future I don't have to spend so much time figuring out what I need to do. Everything I read and any help is greatly appreciated.

Bayne86 wrote:
Ok be prepared for a dumb question...
If you're telling me to forget dpi/ppi when working with screens, how come you then say to think in terms of pixels for screens and to double the resolution for retina screens? I'm obviously a bit confused about the terminology here..
With screen based design work, design with pixels in mind. So if you design for a website that is 1140px in width, then that is your base target width. With retina screens the screen resolution is effectively doubled up, but the relative size of elements show on such a screen is ideally the same as if you would be working on a screen with half the resolution.
Example iPad:
old iPad: 1024x768px.
new iPad retina: twice that: 2048*1536.
Your logo would be rendered at the same size on both screens. Let's say at 800X400 on the older screen. Because the retina screen behaves like a 1024x768 screen in rendering all elements, but effectively doubles the available resolution, you would have to provide an ipad developer with a 1600x800 version, which can be used for both screens, and makes sure that it looks razor sharp on the retina screen.
No ppi. No dpi. Think in pixels only. With 4k screens around the corner this will become even more harrowing. That is why we are currently seeing the return of true vector graphics for screen and interface development. To complicate matters, since this is a relatively new development a lot of information on the web is completely outdated. I would not trust most info that is much older than two years, and double check even that. Check out Apple's icon and graphic creation guide for more ideas:
http://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/I consImages/IconsImages.html
Now, things become even more confusing once you decide the graphics have to be prepared for a fluid and/or responsive designed web page or application. That background graphic you chose will not work well at all on a web page background, because it does not seamlessly repeat. That means it will be automatically scaled up and down to cover the entire browser window frame. Using an ultra-high resoluton background image just will not do: it eats up video memory for breakfast, is slow on certain devices, and may take ages to download. For these reasons, and many more, you need to be efficient and clever.
So I would choose a seamless repeating metal background with enough detail that does not stand out too much (otherwise it would be noticed too much as to repeat). Another trick is to provide a lower resolution alpha transparent png mask to add a soft lighting effect to the metal background, and perhaps the logo. That png mask could then be scaled up because you would not notice the low resolution at all - better, the mask would become fuzzier, which does not matter for a soft lighting mask! Even a 512x512 mask or lower would work very well.
That logo of yours (second image) will NOT render as a vector at all. It must be saved as a bitmap.
The logo in the last image could work as an SVG, and become completely scalable on a web page or in an application (depending on the support for SVGs)
Bottom line is that, for web page development and for app development, seperate layered versions will be required for the highest quality and most flexible result. A merged version will probably be quite useless. At least, it would be for me as a website/app developer and UX designer. Ideally I would like access to the Photoshop file, but I will settle for high resolution png files for each element. And if vector files can be send to me as SVG files: YES PLEASE!
So the question remains: what are the client's output requirements? Is this for a website? What are the target platforms? And so on. Also remember that most people probably would not notice the difference between a "normal" 1024x768 image and a retina version for a background like yours, because the focus would be on the logo. So another approach is to provide a lower resolution (smaller file sized!) background image, and a higher resolution logo image that takes advantage of retina resolutions. Our brains cannot differentiate a lot of detail in darks. Take advantage of this.
Hope this helps a bit!

What size, resolution, color space and bit do I use for a book?

What size, resolution, and color space do I use for a iPhoto book?

At least 150 DPI - actually pixel requirements depend on the print image size (pring image size * 150 will give you the minimum pixel size you need) - size is determined by the book size and theme and page layout you select - color space should be sRGB - minimal editing and using iPhoto for editing produces the best results - for more information see this article
If a photo is the wrong ratio and you can not crop to work in most themes you can right click on the photo and fit to frame
LN

How do I blend background and image?

I have created a water background image. I would like to add a rock image. The result would look like
How can this be done in Photoshop CS6?

Good day!
Could you please post the two images you refer to (sections or low resolution if you prefer)?
What are you after all specifically?
The distorsions could be achieved with an application of Filter > Distort > Displace and an appropriate Displacement Map, Filter > Liquify, …
For the effect of the Reflections and light refractions combinations of Smart Object instances, Adjustment Layers, … seem possible.
Regards,
Pfaffenbichler

Changing resolution and image size doesn't change result on screen?

I'm using Photoshop CS3. I am trying to change the resolution of several images that will be printed in a newspaper. So the current images are 72 ppi and really huge -- for example 36 x 27 inches (document size), and when I change them to 300 ppi, the image sizes shrink to about 8 x 6 inches, as I expect. But the image I see on the screen doesn't change. So, for example, when I open up the image originally, it's at 33% and the entire image is visible. After I change the resolution, and the image size has changed accordingly, the image still appears the same and it remains at 33%. Shouldn't the image shrink on the screen since its size has shrunk? Or if it remains the same on the screen, shouldn't the percentage shift? I mean if the document size is now 8 x 6, it should be able to be displayed at 100% and not fill my whole screen... I'm so confused. Thanks...

gradded,
The "Document Size" area of the Image Size dialog is just to indicate the size (in inches) that your document will be printed. The ppi adjustment has nothing to do with what is displayed on your monitor. Your monitor doesn't care anything about ppi. The monitor contains a certain number of pixels and after you change that ppi setting, the monitor will still have that same number of pixels.
As long as you leave the "Resample Image" box unchecked, your image size (Pixel Dimensions) will not change. You will see no change on your monitor. If you check the "Resample Image" box, then your image size (in pixels) will change.
Hope this helps.

Skinning and Image size for android devices

I am building a mobile application for both Android and iOS devices. I am using images in 3 different resolutions sets.
The images have been made in such a way that the complete all screens were first designed for 640x960 resolution with 320 dpi. Then I created 3 different sets of images where the images were reduced to 75% and 50% of the 640x960 image size. The images I have now work fine for iPhone 3GS and iPhone 4 and 4S devices. But the 75% one's don't work correctly. This is because the size of say background of view at 75% would be 720 pixels while the size of the Android device's screen is 854px or 800px.
How can I address this issue?

Any help on this?

How do you edit the size of the background? My website's left and right side have way too much on each side?

Home
About Us
Services
Facilities       Current Customers
Contact Us
Welcome to North American Assembly
North American Assembly is a customer driven ISO/TS 16949 certified company providing prototype and production plastic welding, assembly & testing to a variety of industries. In business since 1998, we pride ourselvewith an impeccable quality record, extremely low employee turnover, low overhead and truly understand the importance of program deadlines regardless of the circumstances. With all programs, we get involved upfront and aide engineering in the design and process to optimize and benefit both parties.
Production Services Specializing in assembly is our strong point. Although there are many suppliers that claim they offer assembly services, and do, as well as their core business of molding or stamping, no supplier can match the expertise and quality that we can provide.
Prototype Services
Prototype assembly is often overlooked in the learning process for production. We specialize in working with the customer up front in the prototype stage to foresee production assembly problems, improve products and provide engineering solutions for part design and processing issues.
Option
If you are in need of a working prototype part and have a tight time table, Complete Prototype can assist you with our rapid prototype abilities.
Option 1                Option 2               Option 3               Option 4
Option 5               Option 6               Option 7               Option 8               Option 9               Option 10               Option 11               Option 12
Our Mission
Quality is priority to every circumstance at North American Assembly. In a world where 99.99% is not acceptable today, we are committed to 100% quality in our products and services to our customers. We believe quality begins with our management's commitment to our employees, and that our people provide the power for 100% quality.
© 2014 North American Assembly | Tel (248)-335-6702| Fax (248)-335-6948 | 4325 Giddings Road| Auburn Hills, MI 48326 USA

sorry about that
here is my html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>North American Assembly</title>
<meta name="description" content="Complete Prototype are experts in rapid prototyping services and low volume production. Please contact us at 586-469-9155 or visit our website and request a quote.">
<meta name="keywords" content="Prototype, Prototyping, Michigan, Automotive, design, engineering, assembly, casting, injection molding, laser processing, cnc machining, low volume production, metal forming, patterns, models, quality control, Clinton Township">
<link href="default.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
</head>
<body>
<div id="header">
</div>
<div id="logo">
</div>
<div id="menu">
<ul>
<li class="first"><a href="index-2.html" accesskey="H" title="">Home</a></li>
<li><a href="about.html" accesskey="A" title="">About Us</a></li>
<li><a href="services.html" accesskey="P" title="">Services</a></li>
<li><a href="facilities.html" accesskey="S" title="">Facilities</a></li>
        <li><a href="employment.html" accesskey="V" title="">Current Customers</a></li>
<li><a href="contact.html" accesskey="U" title="">Contact Us</a></li>
</ul>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1 class="style1">Welcome to North American Assembly</h1>
<p>
North American Assembly is a customer driven ISO/TS 16949 certified company providing prototype and production plastic welding, assembly & testing to a variety of industries.
In business since 1998, we pride ourselvewith an impeccable quality record, extremely low employee turnover, low overhead and truly understand the importance of program deadlines regardless of the circumstances.
With all programs, we get involved upfront and aide engineering in the design and process to optimize and benefit both parties.
</p>
   </div>
<div class="floating-box" style="margin-right: 10px;">
<p><img src="images/image34.png" alt="" title="METAL STAMPING" width="150" height="180"></p>
   <h2 class="title">Production Services</h2>
   <p>Specializing in assembly is our strong point. Although there are many suppliers that claim they offer assembly services, and do, as well as their core business of molding or stamping, no supplier can match the expertise and quality that we can provide.</p>
   </div>
<div class="floating-box" style="margin-right: 10px;">
<p><img src="images/fc_cnc.jpg" alt="" title="PLASTIC MOLDING" width="150" height="180"></p>
   <h2 class="title">Prototype Services</h2>
<p>Prototype assembly is often overlooked in the learning process for production. We specialize in working with the customer up front in the prototype stage to foresee production assembly problems, improve products and provide engineering solutions for part design and processing issues.</p>
   </div>
        <div class="floating-box">
<p><img src="images/fc_sla.jpg" alt="" title="RAPID PROTOTYPING" width="150" height="180"></p>
<h2 class="title">Option</h2>
<p>If you are in need of a working prototype part and have a tight time table, Complete Prototype can assist you with our rapid prototype abilities.</p>
   </div>
</div>

<div id="sidebar">
<div id="links">
<ul>
<li><span class="style5"><a href="engineering.html">Option 1 </a></span></li>
                <li class="style5"><a href="rapid-prototyping.html">Option 2</a></li>
                <li class="style5"><a href="cnc.html">Option 3</a></li>
                <li class="style5"><a href="sheetmetal.html">Option 4</a></li>
<li class="style5"><a href="injection-molding.html">Option 5</a></li>
                <li class="style5"><a href="blow-molding.html">Option 6</a></li>
                <li class="style5"><a href="reaction-molding.html">Option 7</a></li>
                <li class="style5"><a href="thermoforming.html">Option 8</a></li>
                <li class="style5"><a href="compression-molding.html">Option 9</a></li>
                <li class="style5"><a href="fixtures-gauges.html">Option 10</a></li>
                <li class="style5"><a href="assembly.html">Option 11</a></li>
                <li><span class="style5"><a href="quality.html">Option 12</a></span></li>
</ul>
   </div>
<div>
<h2>Our Mission</h2>
<blockquote>
<p>Quality is priority to every circumstance at North American Assembly. In a world where 99.99% is not acceptable today, we are committed to 100% quality in our products and services to our customers. We believe quality begins with our management's commitment to our employees, and that our people provide the power for 100% quality. </p>
</blockquote>
    </div>
</div>

<div style="clear: both; height: 1px; border-color: #0A3E8A; border-spacing: 0px 0px; margin-right: 58px; position: static; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;"></div>
</div>

<div id="footer">
<div class="wrapper">
<p class="links">© 2014 North American Assembly | Tel (248)-335-6702| Fax (248)-335-6948 | 4325 Giddings Road| Auburn Hills, MI 48326 USA</p>
</div>
</div>
</body>
</html>
and my css
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
margin: 0;
padding: 0;
.style5 {font-size: 95%}
#header {
width: 760px;
height: 155px;
margin: 0 auto;
background: #09316e url(images/fc_logo_2.png) no-repeat;
body {
background: #E3E3E6 url(images/img01_temp_2.jpg) repeat-x;
font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #88888A;
h1, h2, h3 {
color: #313131;
h1 {
margin-bottom: .5em;
font-size: 182%;
font-weight: normal;
letter-spacing: -2px;
h2 {
margin-bottom: .5em;
font-size: 136%;
font-weight: normal;
letter-spacing: -1px;
h3 {
font-size: 100%;
font-weight: bold;
p, blockquote, ol, ul {
margin-bottom: 1em;
text-align: justify;
line-height: 100%;
font-size: 100%;
blockquote {
margin-left: 2em;
ol {
margin-left: 2em;
ul {
list-style: none;
ul li {
padding-left: 1em;
background: url(images/img07.gif) no-repeat left center;
a {
text-decoration: none;
color: #313131;
a:hover {
text-decoration: underline;
color: #0b3e8a;
/* Menu */
#menu {
width: 740px;
height: 40px;
margin: 0 auto;
border-left: 20px solid #09316e;
background: #FFFFFF;
#menu ul {
margin: 0;
padding: 0;
list-style: none;
#menu li {
padding: 0;
display: inline;
background: none;
#menu a {
display: block;
float: left;
height: 30px;
padding: 10px 20px 0px 20px;
font-size: 97%;
font-weight: bold;
#menu a:hover {
background: #09316e;
text-decoration: none;
color: #FFFFFF;
#menu b {
text-decoration: underline;
/* Logo */
#logo {
width: 760px;
height: 220px;
margin: 0 auto;
background: #010100 url(images/fc_main.png)
#logo-aboutus {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-aboutus.png)
#logo-services {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-services.png)
#logo-data {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-data.png)
#logo-cnc {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-cnc.png)
#logo-assem {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-assem.png)
#logo-sheetmetal {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-sheetmetal.png)
#logo-rapid {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-rapid.png)
#logo-quality {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-quality.png)
#logo-fixture {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-fixture.png)
#logo-lost {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-lost.png)
#logo-compression {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-compression.png)
#logo-injection {
width: 760px;
height: 180px;
margin: 0 auto;
background: #010100 url(images/fc_main-injection.png)
#logo h1 {
margin: 0;
padding: 120px 0 0 0;
text-align: right;
letter-spacing: -1px;
font-size: 189%;
#logo h2 {
margin: 0;
padding: 0 0 0 0;
text-align: right;
letter-spacing: -1px;
font-size: 100%;
font-weight: bold;
font-style: italic;
#logo a {
text-decoration: none;
color: #FFFFFF;
/* Page */
#page {
width: 760px;
margin: 0 auto;
background: url(images/img03.jpg) repeat-y;
/* Content */
#content {
float: left;
width: 500px;
padding: 20px 30px 20px 50px;
#welcome {
margin-bottom: 20px;
padding-bottom: 1px;
background: url(images/img04.gif) repeat-x left bottom;
color: #000;
.floating-box {
float: left;
width: 160px;
.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
line-height: 100%;
font-size: 92%;
text-align: left;
.floating-box img {
border: 5px solid #FFFFFF;
/* Sidebar */
#sidebar {
float: right;
width: 140px;
padding: 20px;
#sidebar blockquote {
margin-left: 0;
padding-left: 1em;
background: url(images/img09.gif) no-repeat right bottom;
border-left: 5px solid #0b3e8a;
#sidebar blockquote p {
text-align: left;
line-height: normal;
font-style: italic;
#links {
#links ul {
background: url(images/img04.gif) repeat-x left bottom;
#links li {
padding: 5px 0;
background: url(images/img04.gif) repeat-x left top;
#links a {
padding-left: 1em;
background: url(images/img08.jpg) no-repeat left center;
color: #0b3e8a;
/* Footer */
#footer {
height: 43px;
#footer .wrapper {
width: 760px;
margin: 0 auto;
#footer .links {
float: left;
width: 680px;
height: 27px;
padding: 16px 30px 0 30px;
background: #09316e;
border-left: 20px solid #09316e;
font-size: 85%;

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the

I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the image right down. (I mean you can see the image clearly, but it's too small to edit). When I look at Safari and see a web page at 100% it's clear, but the same page displayed in Photoshop CC appears 50% of the size (even though it says it's 100%) If I move the application window to another screen it adjusts it correctly – leaving all the pallettes, menus and tools correctly sized as they are on the retina display Is there some way to adjust the way Photoshop CC displays images so it is more consistent with what you actually see? There doesn't seem to be any answer on the Adobe forum, so hopefully someone here can shed some light. MacBook Pro with Retina display, 15", OS X Yosemite (10.10.2), Photoshop CC 2014

I tested both ways. With "open in low resolution" ckecked the size of the images is cool, but it is low-resolution including Photoshop appearance.
If "open in low resolution" is unckecked the appearance is good but the very small size.
See the image below. It has 650 x 732 px, 72 dpi. The font of the text "Neste aniversário ..." is with 18pt.

Loading an image in the background and displaying it as it is loaded

Hi,
I'm writing an "image viewer" swing component, which should load an image in the background, and display it as it is loaded (for example each time a line of the image is loaded, display it)
Is there a way to do this using JAI or any other api ?
I guess i would need a way to check the loading progress from the EDT, get the loaded part of the image and display it. Am I right ? Is that possible ?
Thanks,
Nicolas

In the video inspector set the Spatial Conform to "none". This will give tou the actual size of the image in the viewer. You can then use the transform controls to adjust the image to what you want to see.

IPhoto is changing resolution and image quality

I am currently and for the first time using iPhoto 6 to produce a book - a feature within the application. I have edited my images in Photoshop, some have not needed to be so they have simply been saved as either high-res JPGS or TIFFS. On importing them into iPhoto selected images are downsizing and stating that they are not big enough to print - this I know is not true as they are adequatley large enough for printing to A0 minimum at 300 dpi. There are also a select few that are changing in image quality - the colours are looking either bleached out or over-exposed and they have lost their original quality. When opening the exact files in Photoshop they are correctly exposed, perfect colours, sizes etc. If I am to try and 'retouch' them within iPhoto I can resume some of their quality but it seems through the transition into importing inot the application they are being corrupted.
Can anyone assist me as its driving me mad!!!
Thanks

What is the color space of the photos in photoshop?
In iPhoto Preferences, Advanced, do you have it set to add ColorSync Profile?
BTW, the 72 ppi (pixels per inch) is irrelevant. iPhoto defaults to reporting 72 ppi because that is a typical screen resolution. What's important is the total pixel dimensions of the image, and whether that size gives you an adequate dpi (dots per inch) when printed at the designated print size. So, while the image looks great on-screen in photoshop, that doesn't mean that it will be adequate for printing in a book. But you are right - you shouldn't see a significant shift in color when importing into iPhoto.
Regards.

How to make Image/size/resolution agree with metadata resolution?

After scanning the help file a bit and searching thru this forum a bit with `metadata resolution' as search criteria, I'm still pretty confused about how it is supposed to work.. I may have never actually found the right part of the help file.
Cutting to the chase: How can I make the resolution reported by the metadata tab for resolution agree with what is reported inside photoshop at Image/size resolution. I didn't see any way to set how res is reported in bridge.
I see many pictures reported in metadata as 72 ppi for resolution and reported in photoshop as 200 pixel/inch
They do BOTH mean pixels per inch right? If so, or really even if they don't how can I get the two reports to show the same resolution?
There are too many processes that depend on knowing res in advance of opening a file for that to be so far divergent.

Jingshu Li wrote:
Some JPG or Tiff with Camera raw settings will be opened in ACR firstly when you double click them. In ACR workflow option (the bottom in the ACR dialog) the resolution value isn’t same with that in Bridge (metadata panel). If you go ahead to open the image in PS by clicking ‘Open Image’ button in ACR dialog and then check the image size from Image -> Image Size in PS, the resolution will be same with ACR (actually it is changed by ACR).
If disable ACR support for JPG and Tiff in Bridge (Open Camera Raw Preferences in Bridge and choose ‘Disable JPEG support’ or ‘Disable TIFF support’ for ‘JPEG and TIFF Handling’), JPG or TIFF files will be opened by PS directly and the resolution matches between Bridge and PS. I believe this is an ACR bug.
So what file types are you using and if they’re opened by ACR firstly in your workflow?
The files are *.jpg. But I don't see where camera raw comes in. These are common jpg files. I'm opening them by double click in bridge.
Any way I did disable jpg and tiff in the Camera Raw preferences as you suggested. At Jpeg and tiff handling, both disabled. and restared bridge.
However, I see no improvment.
For example, a file reporting 72 ppi in bridge when opened in photoshop ... Images/size resolution reports 480 pixels/inch.
There is obviously some kind of miss handling that has been done to these files for them to have such a high resolution. I suspect they may have been handled at Walgreens or Walmart... or similar since I had something very similar happen to me once when I had a bunch of pictures developed at Walgreens and they cam back with resolutions like that, when I know the camera would have given them something way less.
But I don't see how any of that should be effecting Bridges inability to get the resolution right.
Here is another example: some.jpg
It appears that bridge is showing an unusually huge file size in inches, to account for the reported 72 ppi.
Bridge:
Size: ...............1.14mb
Dimensions:.....1496x1064
Dimensions in
inches ............20.8x26.7
Resolution: .....72 ppi
===========================
Photoshop:
pixels
Width 1496
height 2064
Document size
inches
width 4.987
height 6.88
Resolution 300
Do you have further suggestions?

Get texture file size, resolution and type.

Hi!
My script parsing every layer of AE Composition and creating the list of used textures (files).
Then copy files in one folder.
But I would also to compute overall size of all files and to warn user if he break the limit (for example, 10MB for all textures).
Can you advise me please the right way to get by AE script:
1. file size.
2. texture resolution.
3. texture color depth (is it 16 bits, 32 bits etc...)
4. actual type of the texture file (.tga, for example). I mean exact type detection, not extension recognition.
I've checked AE Scripting Guide, and tried to google it, but unsuccessfully
Is it possible in After Effect?
Thank you in advance!

The attributes to an AVItem still image (jpg for this example) are as follows:
var myItem = app.project.item(1);     //Assumes your still image file is the first item in the project window's list
myItem.comment
myItem.duration
myItem.file
myItem.footageMissing
myItem.frameDuration
myItem.frameRate
myItem.hasAudio
myItem.hasVideo
myItem.height
myItem.id
myItem.label
myItem.mainSource
myItem.name
myItem.parentFolder
myItem.pixelAspect
myItem.proxySource
myItem.selected
myItem.time
myItem.typeName
myItem.useProxy
myItem.usedIn
myItem.width
To access the source file attributes use:
myItem.file
You then can access file specifics:
myItem.file.absoluteURI
myItem.file.alias
myItem.file.created               //Returns date file was created
myItem.file.creator
myItem.file.displayName
myItem.file.encoding
myItem.file.eof
myItem.file.error
myItem.file.exists
myItem.file.fsName
myItem.file.fullName
myItem.file.hidden
myItem.file.length               //Returns the file size in bytes
myItem.file.lineFeed
myItem.file.modified
myItem.file.name
myItem.file.parent
myItem.file.path
myItem.file.readonly
myItem.file.relativeURI
myItem.file.type               //Returns the type of file

Photoshop CC crop image size & resolution dialog box

In previous versions of Photoshop the "R" button displays the Crop Image Size & Resolution dialog box. Is this feature completely gone is CC? I can't find anything the even references this dialog box. Anyone out there have this issue?

In photoshop cc 2014, the size and resolution boxes will actually show on the tool options bar instead of a separate dialog window, by choosing W x H x Resolution from the drop-down menu.
http://helpx.adobe.com/photoshop/using/crop-straighten-photos.html

Retina displays and image size

I am attempting to prepare images for a website launch. The site will incude a photography portfolio. My original assumption was to knock all the images down to 72 pixels, which is autmatically done in iPhoto. Being new to Apperature I do not see how to do this yet.
First question is, how do I control how many pixels per inch are exported, when I want to use an image on a website? (what are the steps please)
Next, now that the retina display is available on more than one iDevise what is the best resolution (if that is the correct term) to export images for the site so that the portfolio images are shown in highest quality?
Last question for now, and bit of a side thought: when it is said there are x-many more pixels, or higher resolution, what is the corect way of handling photographs assuming the first images on the site were 72 pixels per inch, 700X900? If I wanted to double this for the iFamily of products would I create images 144 pixels per inch, 700X900 or 72 pixels per inch, 1400X1800?

Donald wrote:
This confuses me if dpi is meaningless. What is it that developers do to make their icons and graphics better in apps when there is a new release? Are they increasing dpi or image dimensions? If it is image dimensions why is it that they appear the same on the display?
For example: my website logo looks fuzzy on the new retina display. The logo size is 110X360 pixels and it is set at 72 pixels per inch (verified using Preview). I have the original logo which measures 2212X648 at 300 pixels per inch and is set at 300 pixels per inch. There must be a way to clean up its appearance yet have it appear the same size.
The same applies to the images, although it does not seemto be as apparent. If I start at 300 pixels per inch on a 3000X2000 image, what settings would be optimal for the exported image on the site? Assuming dimensions of somewhere in the vicinity of 920X1380 to 960X1440 (if that makes sense).
Donald-
Start thinking in terms of the pixel dimensions of your output and mostly forget about the pixel density (ppi) of your output unless you are printing to hard copy.
E.g. your logo is 110x360 pixels; changing pixel density does not change the pixel dimensions. Your 110x360 pixels looks good at a certain size on a low rez display, but on a high rez display the 110x360 pixels must either be viewed smaller or uprezzed in the browser, in web design software or in the OS to view at the same size. As you know uprezzing reduces image quality. Quality digital images visually usually tolerate uprezzing better than small logos do.
To make your logo look good on the higher rez display you need to provide more pixels to start with. How software does the uprez/downrez thing is of course a challenge, and there are multiple different approaches; enough material for a couple of upper-division uni courses. A highe level app like Adobe flex, for instance, provides three resolution band choices (IIRC 160/240/320 ppi).
How any given designer proceeds is dependent on what tools he/she chooses to use.
HTH
-Allen

Size/Resolution of Backgrounds and Images

Similar Messages

Maybe you are looking for