Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
3

View actual pixel dimensions, for example Leaderboard 768x90

Explorer ,
Nov 28, 2023 Nov 28, 2023

Is there a way I can see pixel dimensions based on a browser display of 72ppi (view at actual size). There was a script ' Save as web resolution' which reduces the actual size to match pixel sizes

 

Illustrator has 'Display Print Size at 100% Zoom' which is handy, as this can be toggled on and off to get a good idea to pixel dimension.

 

can anyone help.

 

rob

TOPICS
How to , Performance , Publish online
853
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

This JavaScript lets you toggle between the default 100% print view and a 1:1 monitor view:

 

var pr, sr;  
makeDialog();

function makeDialog(){
    var theDialog = app.dialogs.add({name:"Dialog", canCancel:true});
    with(theDialog){
        with(dialogColumns.add()){
            staticTexts.add({staticLabel:"Scale for Print (CC Default)"});
            staticTexts.add({staticLabel:"Scale for Screen (1:1 pixels)"});
        }
        with(dialogColumns.add()){
            with(radiobuttonGroups.add()){
                pr = radiobuttonControls.add({checkedState:true,minWidth:80});
                sr = radiobuttonControls.add({checkedState:false,minWidth:80});
            }
        }
    }
    var res = theDialog.show();
    if(res == true){
        pr = pr.checkedState
        sr = sr.checkedState
        setDisplay()
	}else{
        theDialog.destroy();
    }
}

function setDisplay(){
    if (pr) {
        app.generalPreferences.useCustomMonitorResolution = false;
        app.activeWindow.zoomPercentage = 100;
    }
    if (sr) {
        app.generalPreferences.customMonitorPpi = 72;
        app.generalPreferences.useCustomMonitorResolution = true;
        app.activeWindow.zoomPercentage = 100;
    } 
}

 

Dialog:

 

Screen Shot 4.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 28, 2023 Nov 28, 2023

many thanks for this, I'll give this a go..

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 28, 2023 Nov 28, 2023

mmm, not sure this works in Indesign 2024?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 28, 2023 Nov 28, 2023

sorry, it does.. thanks

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 28, 2023 Nov 28, 2023

Ahh, just done another measurement. It doesnt seems to scale to the correct pixel size... sorry, was trying to edit/delete the last posts

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

The script is setting the monitor resolution InDesign uses to 72 PPI, if you are scaling the UI either via InDesign or the OS, you could try something other than 72.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2023 Nov 28, 2023

Also, if you are on a retina or some other HDPI display, a browser will detect the high res display and scale up the page. It’s somewhat futile to worry about this now that most websites use responsive coding—the page is going to scale itself to the device’s available screen area, so it’s unlikely the  page would ever be viewed at an exact 1:1 ratio anymore.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 30, 2023 Nov 30, 2023

Thanks, will do.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 30, 2023 Nov 30, 2023
LATEST

Thank you ever so much, this is exactly what I've been looking for. On first test it works brilliantly when using my large 72ppi monitor

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines